bootstrap的modal打开左右抖动问题

使用bootstrap modal的时候,在 open 的瞬间,导致被遮罩的窗体左右移动,看着很不舒服,于是查了一些资料是因为 打开的时候,会给body加上modal-open,因此y滚动条没了,页面宽度变大,所以元素就右移了.

解决方法:

两种方法选其中之一即可

  1. 覆盖原属性

    1
    2
    3
    .modal-open {
    overflow: initial !important;
    }

  2. 增加body的类

    1
    2
    3
    .fix-modal-open {
    overflow: initial;
    }


参考: http://segmentfault.com/q/1010000000663627