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