引导模式删除滚动条

javascript twitter-bootstrap modal-dialog

2022-08-30 05:41:39

当我在页面中触发模式视图时，它会触发滚动条消失。这是一个令人讨厌的效果，因为当模式移入/消失时，背景页面开始移动。有没有治愈这种效果的方法？

答案 1

这是一个功能，类在显示模式时添加到 HTML 中，并在隐藏模式时删除。modal-openbody

这使得滚动条消失，因为引导css说

.modal-open {
    overflow: hidden;
}

您可以通过指定

.modal-open {
    overflow: scroll;
}

在你自己的css中。

答案 2

我认为继承比滚动更好，因为当您打开modal时，它将始终使用滚动打开，但是当您没有任何滚动时，您会遇到同样的问题。所以我只是这样做：

.modal-open {
  overflow: inherit;
}