我有一个 HTML 页面，我使用一些 CSS 和 jQuery 来生成 CSS 样式的叠加灯箱效果。
代码可见here
调整窗口高度，使右边的滚动条出现
当灯箱出现时，父页面滚动被禁用。
我遇到的问题是，当调整浏览器窗口的高度大小时，叠加层开始消失在浏览器窗口的顶部和底部，无法看到其中的内容。
如何更改我的代码，以便当浏览器窗口的高度小于叠加 div 的高度时，显示滚动条，允许您滚动到叠加 div 的顶部和底部。
但同时保持后台父页面滚动禁用
谢谢
最佳答案
解决方案:http://jsfiddle.net/LeZuse/nNdqX/ .这只是一个粗略的示例，但足以让您入门。
这个想法是，一旦你想显示你的弹出窗口，你就禁用 body 上的滚动并显示一个包含你想要的弹出内容的覆盖容器。
请注意 CSS 规则 body.overlay 和 body.overlay #overlay，它们使您可以仅使用 $("body").addClass("overlay");
关于jquery - 覆盖滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17555394/