Bootstrap中模态框多层嵌套时滚动条问题
2017-02-21 17:58
465 查看
在使用Bootstrap中模态框过程中,如果出现多层嵌套的时候,如打开模态框A,然后在A中打开模态框B,在关闭B之后,如果A的内容比较多,滚动条会消失,而变为Body的滚动条,这是由于模态框自带的遮罩的问题。网上有朋友给出的解决方案是在A增加overflow:auto的方法解决,但是这种方法会使得页面出现两个滚动条。
鉴于上述已经了解到原因是由于遮罩造成的,那么可以重新增加遮罩,即在关闭B之后,重新给body增加遮罩$("body").addClass("modal-open");
当然这个方法需要自己在合适的地方增加JS代码,不过经过测试这样的解决方法最合理。
鉴于上述已经了解到原因是由于遮罩造成的,那么可以重新增加遮罩,即在关闭B之后,重新给body增加遮罩$("body").addClass("modal-open");
当然这个方法需要自己在合适的地方增加JS代码,不过经过测试这样的解决方法最合理。
相关文章推荐
- bootstrap 多层modal关闭后的滚动问题
- bootstrap多个模态框嵌套显示,造成的遮罩颜色加深和页面滚动条问题
- Bootstrap多层模态框如何嵌套?
- bootstrap两层模态框无法滚动问题
- 在bootstrap中多层modal叠加导致页面无法滚动的问题
- bootstrap两层模态框无法滚动问题
- bootstrap3模态窗在浏览器中定位问题
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- UIScrollView内嵌套UIWebView时,因为无法取得UIWebView的实际高度无法滚动的问题
- WPF(WP7、WP8)多个Listbox嵌套时滚动问题的解决
- 多层嵌套Iframe的自适应问题解决
- Bootstrap的模态框中使用kindeditor无法编辑的问题
- 【Stackoverflow好问题】从一个多层嵌套循环中直接退出
- HTML中引号多层嵌套的问题
- 头文件中多层结构体嵌套的结构体定义问题
- HTML中引号多层嵌套的问题
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- Android ScrollView中嵌套ListView滚动效果冲突问题解决
- 关于多层layout的嵌套问题(转)
- Android ScrollView中嵌套ListView或GidView,导致ListView或GidView无法滚动或显示不全的问题