Bootstrap 模式打开时滚动条被禁用

Question

我使用以下代码使页面滚动条始终可见：

\n\n

html {\n    overflow-y: scroll; \n}\n

\n\n

但是，当打开 Bootstrap 模式时，主滚动条不可用（可见但禁用），并且尝试使用如下所示的某些代码时无法解决问题。

\n\n

.modal-open {    \n    overflow-y: scroll !important; \n}\n

\n\n

我想尝试以下方法：

\n\n

1）即使模式打开，我也希望启用主滚动条

\n\n

2）我希望模态的滚动条自动可见，但是当我使用overflow-y:scroll;时 模态主体的高度无法自动增加，并且模态内容上的滚动条似乎被禁用（当我设置高度时，滚动条被启用，但 \xc4\xb1 想使用自动高度）。任何想法？

\n

Answer 1

尝试改变这一行：

.modal-open {    
   overflow-y: scroll !important; 
}

到：

body.modal-open {
  overflow: scroll !important;
}

片段：

.modal-open {    
   overflow-y: scroll !important; 
}

body.modal-open {
  overflow: scroll !important;
}