叠加滚动条

时间:2013-07-09 18:18:11

标签: jquery html css

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

可以看到代码here

调整窗口高度,以便显示右侧滚动条

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

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

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

但同时保持后台父页面滚动禁用

由于

1 个答案:

答案 0 :(得分:0)

解决方案:http://jsfiddle.net/LeZuse/nNdqX/。这只是一个粗略的例子,但足以让你开始。 这个想法是,一旦你想要显示你的弹出窗口,你就可以禁用主体上的滚动并显示一个覆盖容器,其中包含你想要的弹出内容。 请注意CSS规则body.overlaybody.overlay #overlay,它们可让您只显示$("body").addClass("overlay");

的所有内容