在使用bootstrap的modal模態窗口組件時，觸發后會發現頁面有抖動現象。這是因為它隱藏了瀏覽器滾動條，頁面就相當於變寬了，關閉模態窗口后，頁面又出現滾動條，頁面又變窄了，這一伸一縮就會使頁面產生抖動現象。我的解決方法很簡單，就是干掉隱藏滾動條的代碼。總共刪除bootstrap.js文件中6行代碼就可以了。
以bootstrap3.3.6版本中未壓縮的bootstrap.js文件為例。
第一處在971行左右，刪除這3句
- this.checkScrollbar()
- this.setScrollbar()
- this.$body.addClass('modal-open')
第二處1081行左右，也刪除3句
- that.$body.removeClass('modal-open')
- that.resetAdjustments()
- that.resetScrollbar()
這樣就好了。都是寫無關緊要的代碼，給body加內邊距的，不會影響其他組件的運行。
轉載至：http://www.dijing.me/bootstrap/10.html