Bootstrap：如何禁用垂直滾動條？

當我的模式彈出窗口打開時，它會在瀏覽器窗口的右側添加一個垂直滾動條。我如何禁用此功能？我認爲這是啓用時，模式窗口有一個非常大的高度值需要滾動。我想禁用這個，因爲我的表單高度不會超過窗口高度。Bootstrap：如何禁用垂直滾動條？

這有一點用Bootstrap做。熟悉Firebug或Chrome的開發工具並檢查HTML結構。根據需要使用CSS進行修改。 – isherwood

我懷疑這是另一個問題的指示 - 可能是壞標記。一定要驗證。 –

@isherwood - 這和引導程序有關。如下面答案中的alx所示，bootstrap 3確實包含指令.modal {overflow-y：scroll; }不知道爲什麼它不是自動的，但無論如何... –

在你的CSS地址：

body { 
    overflow-y:hidden; 
}

2013-07-18 14:43:51

它也增加了一個模態開放類到身體，這將增加一個15px的邊緣到右邊，可能補償scollbar，但將內容移動到左邊如果滾動條不可見。添加該定義，以去除： 'body.modal開， .modal開.navbar固定頂， .modal開.navbar固定底{ \t餘量右：0; }' – sp00n

如果模型窗口高度不小於正常窗口的高度更高，它沒有任何意義，顯示滾動條。檢查天氣任何<div></div>用於淡化模型窗口後面的背景具有比視點更高的高度。

2013-07-18 14:52:40 Hawckins

我有與bootstrap 3.0.0相同的問題。看起來.modal類有overflow-y: scroll規則，導致滾動條總是可見的。

所以，你可以在本地修改此：

<div class="modal" ... style="overflow-y: auto;"> 
    ... 
</div>

或全局：

<style> 
.modal { 
    overflow-y: auto; 
} 
</style>

2013-09-10 09:26:30 alx

Nice1！這按預期工作，應該是選擇的答案。謝謝。 – metamagicson

問題是：Bootstrap爲什麼設置它？除非我知道究竟發生了什麼，否則我不會去碰它。問在：https://github.com/twbs/bootstrap/issues/7972 –

我也不得不從身體標記刪除填充。所以這個組合爲我工作。 .modal {overflow-y：auto;} .modal-open {padding-right：0！important;} – JacobLett

身體添加樣式：

body { 
    padding-right: 0px !important; 
    overflow-y: hidden !important; 
}

2015-03-31 06:41:06

回答