在 Bootstrap 中显示模态时阻止隐藏滚动条

【问题标题】：Block Hide Scroll Bar When Modal Show In Bootstrap在 Bootstrap 中显示模态时阻止隐藏滚动条
【发布时间】：2015-05-28 04:46:11
【问题描述】：

我正在使用 Bootstrap 来构建我的布局。当我显示我的模式时，它使我的滚动条消失（右侧的蓝色矩形）。我不想隐藏滚动条。如何让我的滚动条始终可见？

【问题讨论】：

在具有黑色 rgba 的模态 div 上，您有 overflow: hidden。修改为overflow: auto。这是一个猜测，因为您没有显示任何代码。
那么...我可以改什么类？
我不知道。您没有向我们展示任何相关代码。
为什么要在模式打开时显示滚动条？您当然希望用户将注意力集中在模态上，为什么他们要在后台滚动？

【解决方案1】：

添加类 override-modal-open 到 body 喜欢：

<body class="override-modal-open">

如果您希望 模态滚动条 可见，请添加到您的 CSS 文件中：

.override-modal-open.modal-open .modal {
    overflow-y: scroll;
}

如果您希望 body 滚动条 可见，请添加到您的 CSS 文件中：

.override-modal-open {
    overflow-y: scroll;
}

【讨论】：