强制Twitter Bootstrap 3模式不隐藏垂直滚动条

Question

当Boot Bootstrap 3模式出现时，垂直滚动条被隐藏，当隐藏模态时返回。由于我的页面上的某些元素会改变其在垂直滚动条是否可见的位置 - 这会产生整体效果不佳的效果：

有没有办法阻止这种情况并强制垂直滚动条一直停留在屏幕上，即使在显示Twitter Bootstrap 3模式时也是如此？

我使用模态generated by Yii2 framework，但我怀疑，这是框架问题。似乎更像核心Twitter Bootstrap 3问题。

Answer 1

在自定义CSS文件中，应该在bootstrap CSS之后加载以下代码：

.modal-open {
    overflow: scroll;
}

Answer 2

正如您所说，Bootstrap默认代码具有某些预设CSS，在这种情况下，它会对模态的外观进行overflow: hidden。

要解决此问题，请使用选择器定位模式并向其添加overflow: scroll，并确保它在Bootstrap CSS之后获得优先级。

如果您的CSS需要在Bootstrap CSS之前出于任何原因，您也可以在其上拍一个!important标记。

希望有所帮助。