一.問題描述

實際開發中遇到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'});
});

好文要頂 關注我 收藏該文