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

Question

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

我在下面的代码中使用了粘性DIV

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

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

Answer 1

您必须在贴纸上设置bottomSpacing。您的bottomSpacing值将是页脚高度+其后的所有元素。我附上了一个样本小提琴。希望它有所帮助

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

https://jsfiddle.net/xLb6sgc2/