jquery - 覆盖滚动条

Question

我有一个 HTML 页面，我使用一些 CSS 并jQuery生成 CSS 样式叠加灯箱效果。

代码可以在这里看到

调整窗口高度，使右侧滚动条出现

当灯箱出现时，父页面滚动被禁用。

我遇到的问题是，当调整浏览器窗口的高度时，覆盖层开始消失在浏览器窗口的顶部和底部，无法看到它的内容。

如何更改我的代码，以便当浏览器窗口的高度小于覆盖 div 的高度时，显示滚动条，允许您滚动到覆盖 div 的顶部和底部。

但同时保持背景父页面滚动禁用

谢谢

Answer 1

解决方案：http: //jsfiddle.net/LeZuse/nNdqX/。这只是一个粗略的示例，但足以让您入门。这个想法是，一旦你想显示你的弹出窗口，你就禁用身体上的滚动并显示一个包含你想要的弹出内容的覆盖容器。注意 CSS 规则body.overlay，body.overlay #overlay它使您能够显示所有内容$("body").addClass("overlay");