Bootstrap中,模態框嵌套模態框時,關閉第二個模態框時,導致第一個模態框的滾動條消失


問題:在使用Bootstrap時,有時候會用到模態框中再嵌套模態框。這樣就會出現一個問題,就是在關閉第二個模態框時,會導致第一個模態框的滾動條消失,這樣就會使得屏幕太小而模態框太大看不到底部信息,而沒法進行操作。

解決方法:就是在第二個模態框的關閉hide 方法調用之后立即觸發的事件中,設置第一個模態框的樣式,給其加一個樣式:'overflow-y':'scroll'。

代碼如下: myModalEdit是第二個模態框的id,myModal是第一個模態框的id

$('#myModalEdit').on('hidden.bs.modal', function() {

$('#myModal').css({'overflow-y':'scroll'});
});

 
 


免責聲明!

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



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