Bootstrap-多层模态框滚动条失效解决办法
Bootstrap-多层模态框滚动条失效解决办法
小小莹07 发表于6个月前
Bootstrap-多层模态框滚动条失效解决办法
  • 发表于 6个月前
  • 阅读 24
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

摘要: Bootstrap-多层模态框滚动条失效

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

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

$("body").addClass("modal-open");

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

标签: Bootstrap
共有 人打赏支持
粉丝 0
博文 2
码字总数 648
×
小小莹07
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: