解決bootstrap兩層模態框隱藏時的滾動異常

現象:
兩層模態框,在上層模態框隱藏後,底層模態框沒法滾動
 
緣由:
模態框在打開的時候,會隱藏掉父標籤的滾動條,關閉的時候會恢復回去,把滾動條加到父標籤,因此,有兩層模態框的時候,上層關閉時,通常會把滾動條加回body,致使底層模態框沒法滾動
 
解決辦法:
在頂層模態框隱藏時,繼續隱藏body的滾動條
 
代碼:ide

$("#frontModal").on("hidden.bs.modal",function(){
    $('body').addClass('modal-open')
})
相關文章
相關標籤/搜索