Twitter Bootstrap:打开模态时阻止Body滚动

时间:2013-04-26 16:59:19

标签: javascript jquery css twitter-bootstrap modal-dialog

我遇到的问题是,当打开模态时,背景体可以使用鼠标滚轮滚动。 似乎这个问题是已知的,人们建议将主体设置为溢出:隐藏如此链接中所述: Prevent BODY from scrolling when a modal is opened 如果页面很短并且模态链接在初始可见页面上,则可以正常工作。但是,如果你有一个较长的页面,你必须向下滚动才能看到模态链接,一旦你点击打开模态,背景体就会移到顶部。

背景不再滚动,这就是我想要的,但有什么方法可以防止它在打开模态时弹回到顶部?当您需要使用模态添加多个条目时,这是不方便的,您必须继续向下滚动以单击模态链接以添加另一个项目。

2 个答案:

答案 0 :(得分:0)

在您的onclick(我猜您使用onclick)事件方法的最后插入一个return false;,这将阻止该网站滚动到顶部。

答案 1 :(得分:0)

我遇到了类似的问题,其中大于窗口的模态被切掉,滚动任何地方都会滚动背景而不是模态。

This问题向我指出了this插件,除了您不允许后台滚动的问题外,该插件使用简单且完全解决了我的问题:

然而,据说这个问题在Bootstrap 3中得到了解决,如果您使用的是当前版本的Bootstrap,则不需要插件。