bootstrap 嵌套模態框 二級模態框關閉導致一級模態框滾動條消失


一.問題描述

實際開發中遇到bootstrap嵌套模態框,關閉次模態框后主模態框滾動條消失。

二.解決辦法

在主模態框上加屬性:(先湊合着用,回頭再看看源碼)

style="overflow-y: auto;"





問題:在使用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