在使用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中模态框多层嵌套时滚动条问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。