Bootstrap中模態框多層嵌套時滾動條問題


在使用Bootstrap中模態框過程中,如果出現多層嵌套的時候,如打開模態框A,然后在A中打開模態框B,在關閉B之后,如果A的內容比較多,滾動條會消失,而變為Body的滾動條,這是由於模態框自帶的遮罩的問題。網上有朋友給出的解決方案是在A增加overflow:auto的方法解決,但是這種方法會使得頁面出現兩個滾動條。

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

當然這個方法需要自己在合適的地方增加JS代碼,不過經過測試這樣的解決方法最合理。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM