如何使一个 div 元素固定在页面顶部，并在页面滚动到特定位置后取消固定状态。

Question

我正在为自己创建一个网站，我正在寻找一个div#stickydiv，当div#stickydiv到达顶部时，它会固定在顶部，但是当div#finish到达顶部时，我希望div#stickydiv再次变为非固定状态。

请问有人可以帮助我实现这个功能吗？

谢谢！

- Robert

---

你尝试过什么吗？ - Adil Shaikh

看一下一些处理“视口”（viewport）的插件。这是指当前在显示器上显示的区域。 - Lix

请查看以下网址：http://www.webgeekly.com/tutorials/jquery/a-simple-guide-to-making-a-div-static-as-you-scroll-past-it/ - MagePal Extensions

我最近回答了一个类似的问题，并提供了以下演示：http://jsfiddle.net/Marcel/e9hyw/ - Marcel

Answer 1

当然有不止一种方法来完成这个任务（当然是比喻意义上的 ;) ）。我的建议是使用jQuery + 其中一个插件，例如这个:

http://viget.com/inspire/jquery-stick-em

- Томица Кораћ

Answer 2

你可以查看这个问题，它试图实现类似的功能（尽管它们是在操作不透明度而不是“粘性”）：

基于滚动条位置的Div不透明度（链接）

- Dylan R