打开后,将浏览器滚动条与模态窗口绑定

时间:2013-10-12 11:01:29

标签: javascript jquery html css jqmodal

当打开模态窗口时,我希望将浏览器的滚动条附加到此模态窗口,以便滚动将向下滚动模态窗口,初始页面将保持锁定状态。我在getglue.com看过这个。这是附加的屏幕截图,或者您也可以访问该网站 原版的 Initial state

模态窗口现在打开 modal window

正如您所见,默认滚动条现在已绑定到模态窗口,并且背景中的页面已锁定。 如何实现这一目标?我正在使用jqmodal插件(如果它有帮助)。

1 个答案:

答案 0 :(得分:2)

通过在叠加层及其容器上为CSS属性overflow-y设置适当的值来实现效果(请参阅示例this MDN-article)。

以下是如何实现类似内容的示例:http://jsfiddle.net/ZwXdD/