javascript - 如何防止div滚动出页面

Question

我有一个高度为 500px 的 div。当我向下滚动页面时，我希望 div 在页面滚动时移动，但我希望它在 div 的 250px 超出视图后停止滚动页面。页面的其余部分应保持滚动，但 div在页面上可见 250 像素后应保持固定状态。

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

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

Answer 1

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

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