Jquery 当屏幕上存在元素时，不允许滚动超过固定高度

我有一个页面大约有5000px的高度，相当长的一页。单击按钮时，将显示一个覆盖图，该覆盖图从页面顶部开始，高度约为2000px。我想有它，这样当覆盖是在屏幕上的用户不能滚动超过2000px

---

我环顾四周，大多数建议都指向了滚动的特定情况，现在正是我想要的。有什么建议吗？

如果需要，分离元素并重新粘贴它们怎么样？因为覆盖层是透明的，我希望内容看起来仍然在后面。我不知道你的具体需求是什么，但也许你可以将页面上的溢出设置为隐藏（这样它就不会滚动），让覆盖自动填充窗口。然而，当滚动条消失时，它会导致窗口稍微调整大小。这能满足您的需要吗，经典的方式：这实际上很好，但是出于好奇，页面是否能够识别滚动条在该点结束？这样用户就不会感到困惑，为什么在滚动条底部有空间的情况下，他们不能进一步滚动