如何在bootstrap模式打开时阻止背景滚动

Question

我正在使用Bootstrap v3.0.2.想要在模态打开时禁用背景滚动.我试过了:

.modal-open {
  overflow: hidden;
}

但它没有用.我发现这个问题的解决方案是:

.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

但是position: fixed;在打开和关闭模态时,在页面底部的铬(小于100%视图)和大显示(在100%视图中)产生额外的空白区域.如何摆脱它？(我的模态包含可滚动字段)

Answer 1

用于height: 100%使.modal-open适合整个屏幕。最终使用

top: 0;
left: 0;
right: 0;
bottom: 0;