Question

这个问题与此有关： -

确定。我已覆盖.modal类overflow-y规则： -

.modal {
    overflow-y: auto !important;
}

但是现在当模态打开时我看不到滚动条。没关系。这就是我的要求。但是，它仍然占用空间，并且只要模态打开，页面就会向左移动。

截图： -

enter image description here

任何解决方案？

Answer 1

罪魁祸首抓住了。 Bootstrap使用以下名称和规则向正文和其他区域添加一个类： -

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
     margin-right:15px;
}

还会覆盖此类，如下所示，它会没问题。

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
     margin-right:0px;
}

Answer 2

而不是自动提供隐藏。

.modal {
    overflow-y: hidden;
}

它对我有用。

Answer 3

由于打开模态之后发生了这种情况，模态正在添加类＆＃34;模态打开＆＃34;到身体标签。

解决此问题

您可以覆盖CSS，如下所示

body.modal-open { overflow-y: auto; }

但是你仍会看到旁边另一个禁用滚动条。解决那个

你可以覆盖如下

.modal{ overflow-y: auto; }