1. 程式人生 > >Bootstrap中模態框多層巢狀時滾動條問題

Bootstrap中模態框多層巢狀時滾動條問題

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

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

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