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

回答