jquery - 如何让 scrollToFix 插件限制在我的网站页脚处停止？

Question

我在我的网站上使用scrollToFix脚本在用户向下滚动页面时修复广告，并在用户到达页脚时释放（这样广告不会与页脚重叠）。但是，我下面的代码会导致广告在页面下方的三分之一到一半之间停止滚动，而不是在页脚处滚动。将其设置为滚动到容器的 outerHeight 减去页脚的高度后，它也会停在该位置。

$(document).ready(function() {
     $('.right').scrollToFixed({
          marginTop: $('.float').outerHeight() + 8, 
          limit: $('footer').offset().top 
     });
});

关于如何让它更准确地停止有什么想法吗？

Answer 1

这可能是因为您的网站在文档准备好后更改了高度，原因是字体和图像等。尝试将事件绑定到窗口load事件。

$(function() {
    $('window').on('load', function() {
        $('.right').scrollToFixed({
            marginTop: $('.float').outerHeight() + 8, 
            limit: $('footer').offset().top 
        });
    });
});

Answer 2

$(document).ready(function() {
     $('.right-sidebar').scrollToFixed({
     marginTop: 0,
     limit: $('.right-sidebar-parent').outerHeight() - 180 } );
    });

这对我来说可以动态限制高度。