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");

       });

转载于:https://www.cnblogs.com/nonospring/p/9076055.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值