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

Question

当Bootstrap 3模式出现时隐藏垂直滚动条，并在隐藏模式时返回。由于我的网页上的某些元素不同的垂直滚动条是它的位置，或者是不可见的 - 这会产生一个整体不是很好看效果：

有什么办法防止这种情况，迫使垂直滚动条始终保持在屏幕上，即使在显示Twitter Bootstrap 3模式时也是如此？

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

Answer 1

在您的自定义CSS文件应该被加载后，引导CSS中添加以下代码：

.modal-open { 
    overflow: scroll; 
} 

Answer 2

正如你所说，引导默认代码有一些预设的CSS，在这种情况下会做overflow: hidden上模态的外观。

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

如果您的CSS无论出于何种原因需要放在Bootstrap CSS之前，您还可以在上面放一个!important标签。

希望有所帮助。