简体   繁体   English

在引导程序中显示模态时阻止隐藏滚动条

[英]Block Hide Scroll Bar When Modal Show In Bootstrap

I'm using Bootstrap to build my layout. 我正在使用Bootstrap构建布局。 When I show my modal, it makes my scroll bar disappear (blue rectangle on right side). 当我显示模态时,它使滚动条消失(右侧的蓝色矩形)。 I don't want to hide the scroll bar. 我不想隐藏滚动条。 How do I keep my scrollbar always visible? 如何使滚动条始终可见?

屏幕截图

Add class override-modal-open to body like: 将类override-modal-open添加到body例如:

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

If you want the modal scrollbar to be visible add to your CSS file: 如果希望模式滚动条可见,请添加到CSS文件:

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

If you want the body scrollbar to be visible add to your CSS file: 如果要使正文滚动条可见,请添加到CSS文件:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM