由于bootstrap的模態(tài)窗口默認不支持多次彈出, 在關(guān)閉的時候會有滾動條消失的問題. 經(jīng)過觀察和查看源碼, 發(fā)現(xiàn)在開啟和關(guān)閉的時候會在body上增加/減少一個"modal-open"的class,所以只要在關(guān)閉的時候判斷一下是否還有沒關(guān)閉的窗口, 如果還有未關(guān)閉的, 則重新給body加上"modal-open"即可.

以下是代碼:

//bootstrap 多重modal彈窗滾動條補丁. $('body').on('hide.bs.modal', 'div.modal[role]', function (e) {var len = $('div.modal[role]').length;if (len > 1) {setTimeout(function () {$("body").addClass("modal-open");}, 500);} });

?這里處理的有點麻煩, 做了個延遲500ms, 是由于"hide.bs.modal"的觸發(fā)時機過早, 模態(tài)窗體自帶的"hidden.bs.modal"無法像上面代碼那樣觸發(fā),(麻煩哪位路過的大神給指個路.). 在事件觸發(fā)之后才執(zhí)行了removeClass("modal-open") . 關(guān)于這個, 大家可以去看下bootstrap.js里面的源碼.搜索 "modal-open"即可找到相關(guān)代碼.

?

?

?

?

?

?

?

?如果您覺得這篇博客對您產(chǎn)生了一些必要的幫助,? 歡迎您對我意思意思, 我將會覺得您非常夠意思!?

轉(zhuǎn)載于:https://www.cnblogs.com/adinet/p/11321063.html

總結(jié)

以上是生活随笔為你收集整理的bootstrap 模态窗口 多重/多个弹窗滚动条补丁的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。