bootstorp模态框套模态框,外层模态框不能滚动解决方法
来源:互联网 发布:网络印刷系统多少钱 编辑:程序博客网 时间:2024/05/29 18:01
给body体添加一个model-open属性
$('#newChickItem').on('hidden.bs.modal', function () {
document.getElementsByTagName('body')[0].className = 'modal-open';});
- $(".notLastModal").on("hidden.bs.modal",function(){
- $(document.body).addClass("modal-open");
- });
bootstrap中如果在模态框弹出模态框,即多重模态框,那么在关闭模态框后,上一级的模态框无法滚动,而且滚动事件会穿透到body层。
原理是只要有modal被打开,body会被赋予modal-open这个类,使其overflow变为hidden,无法滚动;而只要有modal被关闭,body的modal-open这个类就会被remove掉。
所以解决方法如上代码,非最老的一层modal监听隐藏事件,为body重新添加modal-open类。
阅读全文
0 0
- bootstorp模态框套模态框,外层模态框不能滚动解决方法
- IOS scrollView 不能滚动解决方法
- 设定最外层滚动条的位置
- pc端弹出层滚动外层也滚动问题
- ASPCMS对联广告不能随屏滚动的解决方法
- 具有回弹效果的RecyclerView,RecyclerView外层可滚动容器
- frameset最外层加滚动条方法,不是frame加滚动条
- jquey控制元素滚动条,外层div滚动,内层顶部div固定不动
- EditText和ScrollView共存,无法获取焦点,不能滚动的解决方法
- Android在ScrollView中嵌入ViewPage,ViewPage不能够左右滚动解决方法
- AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
- FireFox图片不能滚动
- UIScrollView 不能滚动
- ios6 scrollView 不能滚动
- ios7 uiscrollview不能滚动
- SrollView 不能滚动
- ScrollView不能滚动问题
- android不能滚动
- 按非递减顺序合并两个单调递增集合
- 初识HID driver module
- R语言处理QQ群消息案例实现
- 相遇不晚,锐捷你好
- 开发中总结
- bootstorp模态框套模态框,外层模态框不能滚动解决方法
- php面试题
- go操作redis的有序集合(zset)
- 微信营销项目搭建总结
- ASP.NET MVC在IIS7下发布无法显示的解决办法
- 进制转换
- 小小云课堂,倒是帮了我的大忙
- Java8 Lambda 表达式产生的背景和用法
- 统计与机器学习发展的三条主线(二)