在使用Bootstrap中模態(tài)框過(guò)程中，如果出現(xiàn)多層嵌套的時(shí)候，如打開(kāi)模態(tài)框A，然后在A中打開(kāi)模態(tài)框B，在關(guān)閉B之后，如果A的內(nèi)容比較多，滾動(dòng)條會(huì)消失，而變?yōu)锽ody的滾動(dòng)條，這是由于模態(tài)框自帶的遮罩的問(wèn)題。網(wǎng)上有朋友給出的解決方案是在A增加overflow:auto的方法解決，但是這種方法會(huì)使得頁(yè)面出現(xiàn)兩個(gè)滾動(dòng)條。

鑒于上述已經(jīng)了解到原因是由于遮罩造成的，那么可以重新增加遮罩，即在關(guān)閉B之后，重新給body增加遮罩$("body").addClass("modal-open");

當(dāng)然這個(gè)方法需要自己在合適的地方增加JS代碼，不過(guò)經(jīng)過(guò)測(cè)試這樣的解決方法最合理。

轉(zhuǎn)載于:https://www.cnblogs.com/songhaipeng/p/6425429.html

總結(jié)

以上是生活随笔為你收集整理的Bootstrap中模态框多层嵌套时滚动条问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。