強制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標籤。

希望有所幫助。