使div粘在屏幕顶部并在敲击页脚之前停止

一旦用户开始向下滚动页面，我正试图对标题进行操作。 我找到了这个例子如果滚动到屏幕顶部，我怎么能将div粘在屏幕顶部？

我使用了24票的代码。 现场演示 。

问题：1。我想在击中页脚之前停止div。 我不想在页脚上显示它。 2.我不知道为什么这适用于jquery 1.3.2但不适用于1.5.2或更高版本。

当然任何其他jquery代码/插件或ideea都会很棒！

Answer 1

$(window).load($(function() { var elem = $("#scroller"); var top = elem.offset().top; var maxTop = $("#footer").offset().top - elem.height(); var scrollHandler = function() { var scrollTop = $(window).scrollTop(); if (scrollTopmaxTop) { elem.css({position:"absolute",top:(maxTop+"px")}) } else { elem.css({position:"fixed",top:"0px"}) } } $(window).scroll(scrollHandler);scrollHandler() })); 

小提琴： http ：//fiddle.jshell.net/3ATzd/2/show/只觉得它不喜欢#scroller上的margin-top。 我还删除了对scroller-anchor元素的需求，因此您可以删除它。