2

我正在使用 Twitter Bootstrap 的模式窗口，我注意到当你滚动时，模式弹出窗口在背景页面移动时保持固定。对于演示，您可以单击以下页面中的“启动演示模式”按钮：

http://getbootstrap.com/2.3.2/javascript.html#modals

如何避免这种情况并让滚动事件控制模态窗口？Bootstrap 提供的选项似乎不包括在内。

模态弹出窗口是<div>with position: fixed，这就是我滚动时它保持固定的原因。但是我不能将它设置为其他值，因为它需要保持弹出状态。我还想如果我将<body>'s style 设置为overflow:hidden，滚动条将被隐藏。但这不是我想要的。

4

3 回答 3

2 
$('.modal') 
.on('shown', function(){ 
console.log('show'); 
$('body').css({overflow: 'hidden'}); 
}) 
.on('hidden', function(){ 
$('body').css({overflow: ''}); 
});
于 2013-12-27T11:19:22.187 回答
1

您可以overflow: hidden根据body.modal-open此答案添加

于 2013-01-27T22:48:54.893 回答
0

我用

body{
    position: fixed;
    left: 0px;
    right: 0px;
    /*margin: auto;*/
}
于 2014-04-08T15:37:55.787 回答