bootstrap打開模態modal窗口引發頁面抖動解決辦法

在使用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