停止在页脚上浮动粘性侧边栏div（几乎正常工作）

我想得到它，所以当页面滚动时，我的侧边栏上的最后一个div保持粘性，但在页脚处停止。 我几乎使用了一个在线教程 ，但是当disqus注释加载时计算会混乱，而且它只会到达某一点。

这是一个工作版本http://jsfiddle.net/k56yR/1/ ，但有没有一种简单的方法来做一些事情，比如计算页脚高度，然后告诉它停止滚动远离页面底部的东西？

Answer 1

我认为你的问题是你的$('#footer').offset().top值在你的disqus评论加载后发生了变化。 因此，您需要在加载注释后或每次事件触发时更新footerTop （并根据新的footerTop值进行limit ）。

就像是：

 $(function(){ // document ready if ($('#sticky').length) { // make sure "#sticky" element exists var el = $('#sticky'); var stickyTop = $('#sticky').offset().top; // returns number var stickyHeight = $('#sticky').height(); $(window).scroll(function(){ // scroll event var limit = $('#footer').offset().top - stickyHeight - 20; var windowTop = $(window).scrollTop(); // returns number if (stickyTop < windowTop){ el.css({ position: 'fixed', top: 0 }); } else { el.css('position','static'); } if (limit < windowTop) { var diff = limit - windowTop; el.css({top: diff}); } }); } }); 

和大多数情况一样，有一个jQuery插件，正如julianm在他的评论中指出的那样，可以在这里找到 。 它还支持塞子值，以便在任何所需位置停止粘盒。