javascript - 在 Jquery.Sticky.js 的某个点停止 Sticky Div

Question

我在我的网页上使用 jquery.sticky.js。 Div 工作正常，即粘性，但我需要在页脚之前停止 div。

我使用下面的代码来粘性 DIV

jQuery(文档).ready(function(){ jQuery("#sticker").sticky({topSpacing:0});
});

我的页脚 DIV 有 ID - #stop-sticky，我如何停止页 footer 分的粘性？

Answer 1

您必须设置贴纸上的底部间距。您的 BottomSpacing 值将是页脚的高度 + 它后面的所有元素。我附上了一个 fiddle 样本。希望对您有帮助

$(document).ready(function(){ 
    var stickyBottomOffset = $('footer').height();
    $("#sticker").sticky({topSpacing:0, bottomSpacing: stickyBottomOffset + $('nav').height() });
});

https://jsfiddle.net/xLb6sgc2/