我正在使用Twitter Bootstrap的模态窗口，我注意到当你滚动时，模态弹出窗口保持固定，而背景页面移动。对于演示，您可以单击以下页面中的"启动演示模式"按钮：
http://getbootstrap.com/2.3.2/javascript.html#modals
如何避免这种情况并让滚动事件控制模式窗口？Bootstrap提供的选项似乎不包括这一点。
模态弹出窗口是一个带有position: fixed <div>，这就是为什么当我滚动时它会保持固定的原因。但是我无法将其设置为其他值，因为它需要保持弹出状态。我还认为，如果我将<body>的样式设置为overflow:hidden，滚动条将被隐藏。但这不是我想要的。
$('.modal')
.on('shown', function(){
console.log('show');
$('body').css({overflow: 'hidden'});
})
.on('hidden', function(){
$('body').css({overflow: ''});
});
您可以根据此答案在body.modal-open上添加overflow: hidden
我用
body{
position: fixed;
left: 0px;
right: 0px;
/*margin: auto;*/
}