Bootstrap:如何禁用垂直滚动条?

use*_*393 21 html css twitter-bootstrap bootstrap-modal

当我的模态弹出窗口打开时,它会在浏览器窗口的右侧添加一个垂直滚动条.我如何禁用此功能?我认为当模态窗口需要滚动时具有非常大的高度值时会启用此功能.我想禁用它,因为我的表格高度不超过窗口高度.

Pat*_*ssa 35

在你的CSS中添加:

body {
  overflow-y:hidden;
}
Run Code Online (Sandbox Code Playgroud)

  • 它还为主体添加了一个模态打开类,它将向右添加15px的边距,可能是为了补偿scollbar,但如果滚动条不可见则将内容向左移动.添加此定义以删除:`body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom {margin-right:0; }` (4认同)

alx*_*alx 31

我有bootstrap 3.0.0的相同问题.似乎.modal该类具有overflow-y: scroll导致滚动条始终可见的规则.

所以,你可以在本地修改:

<div class="modal" ... style="overflow-y: auto;">
    ...
</div>
Run Code Online (Sandbox Code Playgroud)

或全球:

<style>
.modal {
    overflow-y: auto;
}
</style>
Run Code Online (Sandbox Code Playgroud)

  • 不错!这按预期工作,应该是选择的答案。谢谢你。 (2认同)