在页面滚动期间到达窗口顶部时如何阻止 div答案

【问题标题】：How to block a div when arriving at the top of the window during a page scroll在页面滚动期间到达窗口顶部时如何阻止 div
【发布时间】：2011-11-09 23:40:51
【问题描述】：

在互联网浏览器上，我希望在页面滚动期间到达屏幕顶部时停止移动的 div（通常是菜单或信息栏）。请注意，我不希望这个“div”一直停留在一个位置：它是一个正常的“div”，跟随页面滚动，除非到达屏幕顶部。我不确定它只能用 css 完成，如果不能，也许你可以用 jquery 帮助我......

【问题讨论】：

标签： jquery css

【解决方案1】：

您可以使用 jquery waypoints 来帮助您解决这个问题http://imakewebthings.github.com/jquery-waypoints/sticky-elements

使用航路点，您可以监听窗口滚动事件，并可选择将 css 动态更改为位置：当您开始向下滚动时，当 div 到达屏幕顶部时固定，反之亦然，当滚动时返回其原始位置时向上。

【讨论】：

【解决方案2】：

这个插件很好用。

http://plugins.jquery.com/project/stickyfloat

http://jsbin.com/eqihef

【讨论】：