bootstrap打开模态modal窗口引起页面抖动解决办法
来源:互联网 发布:python模块大全下载 编辑:程序博客网 时间:2024/05/23 23:52
在使用bootstrap的modal模态窗口组件时,触发后会发现页面有抖动现象。这是因为它隐藏了浏览器滚动条,页面就相当于变宽了,关闭模态窗口后,页面又出现滚动条,页面又变窄了,这一伸一缩就会使页面产生抖动现象。我的解决方法很简单,就是干掉隐藏滚动条的代码。总共删除bootstrap.js文件中6行代码就可以了。
以bootstrap3.3.6版本中未压缩的bootstrap.js文件为例。
第一处在971行左右,删除这3句
第二处1081行左右,也删除3句
- this.checkScrollbar()
- this.setScrollbar()
- this.$body.addClass('modal-open')
这样就好了。都是写无关紧要的代码,给body加内边距的,不会影响其他组件的运行。
- that.$body.removeClass('modal-open')
- that.resetAdjustments()
- that.resetScrollbar()
阅读全文
0 0
- bootstrap打开模态modal窗口引起页面抖动解决办法
- bootstrap打开模态滚动条modal窗口引起页面抖动解决办法
- bootstrap打开模态modal窗口引起页面抖动闪黑
- bootstrap modal模态窗口拖拽功能
- Bootstrap Modal 关闭时引起的问题
- bootstrap modal 弹出其他页面
- bootstrap modal如何remote一个新的页面到现在的窗口
- bootstrap的modal如何remote一个新的页面到现在的窗口?
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- Bootstrap modal不能垂直居中的解决办法
- (四十五)Modal 模态窗口 -遮盖
- AngularJs 弹出模态窗口 $modal $uibModal
- bootstrap 模态窗口 第二次无法加载js 的解决办法
- PHP + bootstrap modal + jQuery实现页面刷新
- bootstrap的模态弹出框modal在有滚动条的页面被隐藏了的解决方法
- 用bootstrap写弹窗,页面抖动问题
- Bootstrap modal
- Dubbo配置以及使用总结2
- 购买保健品被骗,如何才能识破保健品消费陷阱呢?
- JAVA基础--内部类
- java的栈,堆,静态区的理解
- MvvmLight中的Messenger详解
- bootstrap打开模态modal窗口引起页面抖动解决办法
- 2017 ACM-ICPC 亚洲区(南宁赛区)英语阅读网络竞赛
- android之存储篇_SQLite数据库_让你彻底学会SQLite的使用
- windows系统 Git Server git服务器自己搭建 (基于 Gitblit or Gogs )
- matlab函数fft
- ie 浏览器 You're trying to decode an invalid JSON String的问题
- Android---fragment动态切换简单使用
- 分页的datatable
- 图片不能百分百显示