Bootstrap中模态框多层嵌套时滚动条问题

在使用Bootstrap中模态框过程中，如果出现多层嵌套的时候，如打开模态框A，然后在A中打开模态框B，在关闭B之后，如果A的内容比较多，滚动条会消失，而变为Body的滚动条，这是由于模态框自带的遮罩的问题。网上有朋友给出的解决方案是在A增加overflow:auto的方法解决，但是这种方法会使得页面出现两个滚动条。

鉴于上述已经了解到原因是由于遮罩造成的，那么可以重新增加遮罩，即在关闭B之后，重新给body增加遮罩$("body").addClass("modal-open");

当然这个方法需要自己在合适的地方增加JS代码，不过经过测试这样的解决方法最合理。

转载于:https://www.cnblogs.com/songhaipeng/p/6425429.html

总结

以上是生活随笔为你收集整理的Bootstrap中模态框多层嵌套时滚动条问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。