Bootstrap-多层模态框滚动条失效解决办法

Bootstrap官方不支持模态框多层叠加,实际项目使用时需要弹出两层弹出层,当弹出第一个弹出层时,滚动条正常,弹出第二个弹出框并关闭时,滚动条事件被吃掉覆盖。主要原因是因为遮罩问题引起的,最简单的解决办法就是在第二个弹窗关闭事件时给body重新添加遮罩层。具体代码如下:
$("body").addClass("modal-open");

模态框.png

重新添加后,关闭第二个弹窗时滚动条事件依然有效。亲测。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文出处 http://blog.poetries.top/2016/11/19/bootstrap-review...
    前端进阶之旅阅读 7,143评论 0 42
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,593评论 0 17
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 我有一个作家梦,也许因为我爱看网络小说的原因,尤其还记自己在初中的时候为了看《诛仙》、《校园江湖》彻夜不休,尤其是...
    杨哲丶阅读 152评论 0 0
  • 又是一个考试的日子 复习 学习 早上准备去考试 考试 何尝不是对心的考验 心态正 则准备从容 从容之后 就是淡定 ...
    10086好阅读 182评论 0 0