scrolltofixed限制问题和闪烁

Question

如果我使用函数中的scrolltofixed插件来调用页脚的限制，我会遇到一个奇怪的问题。

由于页脚和动态内容存在其他问题，我已将此解决方法设为限制。

这是original fiddle：

$('.footer').scrollToFixed( {
    bottom: 0,
    limit: $('.footer').offset().top,
    preFixed: function() { 
        $(this).find('h1').css('color', 'blue'); 
    },
    postFixed: function() { 
        $(this).find('h1').css('color', ''); 
    }
});

这里是fiddle with my magical flickering footer：

$('.footer').scrollToFixed( {
    bottom: 0,
    limit: function() {
        return $('.footer').offset().top - $('.summary').outerHeight() - 0;
    }
});

任何人都可以指出我在这里失踪吗？

Answer 1

创建一个标记元素，我称之为.footer-marker，放在.footer上方。然后，在页脚限制功能中使用它。

limit: function() { return $('.footer-marker').offset().top; }

这是修改过的小提琴：

http://jsfiddle.net/ZczEt/1650/

我删除了摘要外部高度减法，因为它似乎没有做任何事情。

此外，摘要现在返回其限制的函数，因为我假设摘要具有动态内容。此处作为函数的限制将补偿加载到摘要中的动态内容。

希望有所帮助。