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

时间:2015-04-02 15:22:09

标签: javascript jquery css twitter-bootstrap twitter-bootstrap-3

我正在使用Bootstrap来构建我的布局。当我显示我的模态时,它会使我的滚动条消失(右侧的蓝色矩形)。我不想隐藏滚动条。如何让滚动条始终可见?

Screenshot

1 个答案:

答案 0 :(得分:1)

将课程override-modal-open添加到body,例如:

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

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

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

如果您希望正文滚动条可见,请添加到您的CSS文件中:

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