如何防止div滚出页面

Question

我有一个高度为500px的div。当我向下滚动页面时，我希望div在页面滚动时移动，但我希望它在div的250px不在视图之后停止滚动页面。页面的其余部分应该保持滚动，但div在页面上可见250px后应该作为 fixed 。

此外，当我向上滚动时，我希望div保持在250px 不可见，直到用户一直滚动到顶部（最后剩下250px），在这种情况下div应该突然再次成为页面的一部分并随之滚动。

我假设这只能用JavaScript完成，但是怎么做？

Answer 1

好的，在评论中使用Mike Brant建议的关键字，我的Google搜索产生了一些好的结果。似乎我所追求的功能称为粘性div，粘性菜单，粘性页脚或类似物。

通过查看那些javascripts的代码，我能够理解它背后的概念。现在，是时候玩它并适应我的特殊需求。