javascript - 如何防止div滚出页面

Question

我有一个高度为 500 像素的 div。当我向下滚动页面时，我希望 div 随着页面滚动而移动，但我希望它在 div 的 250px 超出 View 后停止随页面滚动。页面的其余部分应继续滚动，但 div 在页面上可见 250 像素后应作为固定。

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

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

Answer 1

好的，使用 Mike Brant 在评论中建议的关键字，我的 Google 搜索产生了一些不错的结果。看来我所追求的功能称为粘性 div、粘性菜单、粘性页脚等。

通过查看那些 javascript 的代码，我能够理解其背后的概念。现在，是时候使用它并根据我的特殊需求进行调整了。