问题形容
最近在进行我的项目开发过程中,用到 BootStrap 这个框架。然而在敞开模态框时遇到窗口抖动问题。
问题剖析
失常在应用 BootStrap 模态框时并不会呈现这种问题,我是在一层模态框下面又加了一个操作提醒的模态框。官网文档也不举荐这种应用形式,应该是他们通过测试也有这种问题。
产生抖动的起因在于滚动条的呈现和暗藏。第一个模态框弹出时,会把滚动条暗藏起来,然而在弹出第二个模态框时,第一个模态框的暗藏性能就会生效,造成页面的抖动。
解决方案
如果肯定要在第一个模态框之上弹出第二个模态框。有两种解决思路。
第一:能够通过批改 bootstrap 的源文件,把暗藏滚动条的性能敞开,然而这种办法波及到批改框架源码,并不举荐。
第二: 按需增加 css 款式。只有在须要的页面上引入相干的 css 款式即可。相干代码如下:
.modal-open{overflow-y: scroll;}
body{padding-right:0 !important;}