Bootstrap打開Modal,關閉后滾動條隱藏的解決方案


  我們在項目中使用bootstrap的modal 功能打開一個模態框(帶滾動條),在modal上回繼續打開模態框,在關閉第二個模態框的時候會造成第一個模態框滾動條消失,無法看到下面內容。 Html頁面如下圖所示

   

  造成滾動條消失的原因是因為modal關閉的時候清除modal-open樣式,所以在關閉modal是調用它的隱藏事件,給body添加modal-open就可以解決,

  具體代碼如下,在第二個modal關閉的時候,重新給body添加class 屬性

       $("#com_Modal02").on("hidden.bs.modal", function () {

            $("#body").attr("class", "modal-open");

       });


免責聲明!

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



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