25

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

4

5 回答 5

39

在你的 CSS 添加：

body {
  overflow-y:hidden;
}
于 2013-07-18T14:43:51.690 回答
33

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

因此，您可以在本地修改它：

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

或全球：

<style>
.modal {
    overflow-y: auto;
}
</style>
于 2013-09-10T09:26:30.147 回答
2

将样式添加到正文：

body { 
  padding-right: 0px !important;
  overflow-y: hidden !important;
}
于 2015-03-31T06:41:06.960 回答
0

如果模型窗口高度不超过正常窗口高度，则显示滚动条没有任何意义。检查天气<div></div>，用于淡化模型窗口后面的背景是否比视点有额外的高度。

于 2013-07-18T14:52:40.497 回答
0

如果您的表是 div 的子表，例如<div class="table-responsive">，请在父 div 标签中添加以下样式，以便 div 标签现在显示为：<div class="table-responsive" style="overflow-y: hidden">。

注意：您的 div 可能正在应用不同于 .table-responsive 的样式，在这种情况下这仍然有效。

您还可以覆盖table或tbody标签中的样式，如果没有父 div 标签的样式允许表格滚动，这将很有效。如果有这样的父 div 标签，当您应用以下样式时，您仍然可以锁定表格以防止滚动，但包含父 div 的滚动条仍将显示，尽管已禁用。因此，在table标记中它将是：<table style="overflow-y: hidden">或者在tbody标记的情况下：<tbody style="overflow-y: hidden">

即使您的 div、table 或 tbody 标签正在应用来自外部（例如引导程序）或自定义样式的其他样式，上述方法也有效。所以如果你有一个标签，<table class="table table-sm table-striped">你仍然可以这样做：<table class="table table-sm table-striped" style="overflow-y: hidden">

如果您想禁用水平和垂直滚动，您只需要在您的样式属性中添加以下内容，以便它现在读取：style="overflow-x: hidden; overflow-y: hidden"

于 2019-12-05T11:43:28.313 回答