zoukankan      html  css  js  c++  java
  • Bootstrap Modal 关闭时右侧滚动条消失,页面左移的解决方法

    问题描述:页面在打开Modal之前右侧有滚动条,Modal关闭之后,body中的class="modal-open"和style="padding-right: 17px;"并未被移除,导致滚动条消失,并且页面左移,打开并关闭Modal一次,页面左移一次,一直累加。

    body中被添加的class和样式未被移除的原因一直未找到,目前的解决方法是在关闭Modal时触发一个事件,代码如下:

    <script type="text/javascript">
        window.onload = function() {
            $('.modal').on('hide.bs.modal', function() {
                $("body").removeClass('modal-open');
                $("body").css('padding-right','0px');
            })
        };
    </script>

    问题解决,加班结束。

  • 相关阅读:
    8.25
    8.24
    8.23
    8.22
    8.21
    8.20
    8.19
    8.18
    8.17
    8.16
  • 原文地址:https://www.cnblogs.com/qiuting/p/6636566.html
Copyright © 2011-2022 走看看