关于前端:BootStrap模态框窗口抖动问题解决

问题形容

最近在进行我的项目开发过程中，用到BootStrap这个框架。然而在敞开模态框时遇到窗口抖动问题。

问题剖析

失常在应用BootStrap模态框时并不会呈现这种问题，我是在一层模态框下面又加了一个操作提醒的模态框。官网文档也不举荐这种应用形式，应该是他们通过测试也有这种问题。

产生抖动的起因在于滚动条的呈现和暗藏。第一个模态框弹出时，会把滚动条暗藏起来，然而在弹出第二个模态框时，第一个模态框的暗藏性能就会生效，造成页面的抖动。

解决方案

如果肯定要在第一个模态框之上弹出第二个模态框。有两种解决思路。

第一：能够通过批改bootstrap的源文件，把暗藏滚动条的性能敞开，然而这种办法波及到批改框架源码，并不举荐。

第二:按需增加css款式。只有在须要的页面上引入相干的css款式即可。相干代码如下：

.modal-open{
            overflow-y: scroll;
            }
                
body{
          padding-right:0 !important;
        }