bootstrap打开模态modal窗口引起页面抖动解决办法

标签：代码   html   版本   产生   滚动条   bar   这一   dcl   res   

在使用bootstrap的modal模态窗口组件时，触发后会发现页面有抖动现象。这是因为它隐藏了浏览器滚动条，页面就相当于变宽了，关闭模态窗口后，页面又出现滚动条，页面又变窄了，这一伸一缩就会使页面产生抖动现象。我的解决方法很简单，就是干掉隐藏滚动条的代码。总共删除bootstrap.js文件中6行代码就可以了。

以bootstrap3.3.6版本中未压缩的bootstrap.js文件为例。

第一处在971行左右，删除这3句

1. this.checkScrollbar()
2. this.setScrollbar()
3. this.$body.addClass(‘modal-open‘)

第二处1081行左右，也删除3句

1. that.$body.removeClass(‘modal-open‘)
2. that.resetAdjustments()
3. that.resetScrollbar()

这样就好了。都是写无关紧要的代码，给body加内边距的，不会影响其他组件的运行。

转载至：http://www.dijing.me/bootstrap/10.html

bootstrap打开模态modal窗口引起页面抖动解决办法

标签：代码   html   版本   产生   滚动条   bar   这一   dcl   res   

原文地址：http://www.cnblogs.com/isYang/p/6189387.html