如何防止div滚动出页面答案

【问题标题】：How to prevent div from scrolling out of page如何防止div滚动出页面
【发布时间】：2013-06-12 20:31:16
【问题描述】：

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

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

我假设这只能通过 JavaScript 来完成，但是如何实现呢？

【问题讨论】：

您是否尝试过实现此功能并且遇到了问题，或者您期望人们为您提供代码？您是否看过其他网站，他们这样做，您可以检查他们的 HTML/CSS/javascript 以了解他们是如何做到的？
我不知道如何开始，也不知道如何在谷歌上搜索，因为我需要进行描述才能解释我在寻找什么。我不指望别人来做我的工作，我只需要指导，因为我不知道如何实现这一点（最大的问题是如何知道页面上有多少个 div 像素可见）。没必要成为一个混蛋迈克。
这并不是您想要研究的新领域。我猜你以前在其他网站上见过这个或类似的。我建议您看看这些网站是如何做的，这是一个真诚的建议，因为您可能会通过查看示例了解更多关于如何解决问题的信息。除此之外，想想你如何分解问题并以更小的块来解决它。很好的如何混合一个固定位置的 div，谷歌如何让滚动动作可见，等等，然后开始拼凑一个解决方案。
好的，感谢搜索建议

【解决方案1】：

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

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

【讨论】：