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 } );
    });

这对我来说是动态限制高度的。

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

2 个答案: