Bootstrap-多層模態(tài)框滾動(dòng)條失效解決辦法

Bootstrap官方不支持模態(tài)框多層疊加，實(shí)際項(xiàng)目使用時(shí)需要彈出兩層彈出層，當(dāng)彈出第一個(gè)彈出層時(shí)，滾動(dòng)條正常，彈出第二個(gè)彈出框并關(guān)閉時(shí)，滾動(dòng)條事件被吃掉覆蓋。主要原因是因?yàn)檎谡謫栴}引起的，最簡單的解決辦法就是在第二個(gè)彈窗關(guān)閉事件時(shí)給body重新添加遮罩層。具體代碼如下：
$("body").addClass("modal-open");

模態(tài)框.png

重新添加后，關(guān)閉第二個(gè)彈窗時(shí)滾動(dòng)條事件依然有效。親測(cè)。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 原文出處 http://blog.poetries.top/2016/11/19/bootstrap-review...
    前端進(jìn)階之旅閱讀 7,123評(píng)論 0贊 42
  • ￥開啟￥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程，因...
    小菜c閱讀 6,523評(píng)論 0贊 17
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,241評(píng)論 4贊 61
  • 我有一個(gè)作家夢(mèng)，也許因?yàn)槲覑劭淳W(wǎng)絡(luò)小說的原因，尤其還記自己在初中的時(shí)候?yàn)榱丝础墩D仙》、《校園江湖》徹夜不休，尤其是...
    楊哲丶閱讀 146評(píng)論 0贊 0
  • 又是一個(gè)考試的日子 復(fù)習(xí) 學(xué)習(xí) 早上準(zhǔn)備去考試 考試 何嘗不是對(duì)心的考驗(yàn) 心態(tài)正 則準(zhǔn)備從容 從容之后 就是淡定 ...
    10086好閱讀 181評(píng)論 0贊 0