我们在项目中使用bootstrap的modal 功能打开一个模态框（带滚动条），在modal上回继续打开模态框，在关闭第二个模态框的时候会造成第一个模态框滚动条消失，无法看到下面内容。 Html页面如下图所示
image
造成滚动条消失的原因是因为modal关闭的时候清除modal-open样式，所以在关闭modal是调用它的隐藏事件，给body添加modal-open就可以解决，
具体代码如下，在第二个modal关闭的时候，重新给body添加class 属性
$("#com_Modal02").on("hidden.bs.modal", function () {
$("#body").attr("class", "modal-open");
});
我们在项目中使用bootstrap的modal 功能打开一个模态框（带滚动条），在modal上回继续打开模态框，在...
描述：利用bootstrap modal组件制作弹窗视频，关闭modal框后，视频还是继续播放。 原因：modal...
关闭bootstrap弹出层同时关闭video 利用bootstrap modal组件制作弹窗视频，会有个问题，关...
�bootstrap3.x去除modal在移动浏览器(IOS)的滚动条 添加css body.modal-ope...
问题 想要监听模态框关闭后状态写清除数据的逻辑, 发现bootstrap提供的'hide.bs.modal', 只...
bootstrap modal模态框的几种打开方法+问题集锦 第一部分： 关于bootstrap中modal的使...
弹窗时，隐藏body滚动条 关闭弹窗时，显示body的滚动条
禁用 BootStrap Modal 点击空白时自动关闭 backdrop 为 static 时，点击模态对话框的...
在bootstrap的官网中了解到modal弹出只是支持单个，对于嵌套的modal并没有提供相应的解决方案，本文这...
bootstrap 打开多层模态框的情况下，关闭任意一个模态框，都会导致其余模态框的滚动条消失。 监测html发现...
本文标题：Bootstrap打开Modal，关闭后滚动条隐藏的解决方案
本文链接：https://www.haomeiwen.com/subject/lcauwhtx.html
网友评论