博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap中模态框多层嵌套时滚动条问题
阅读量:5991 次
发布时间:2019-06-20

本文共 339 字,大约阅读时间需要 1 分钟。

在使用Bootstrap中模态框过程中,如果出现多层嵌套的时候,如打开模态框A,然后在A中打开模态框B,在关闭B之后,如果A的内容比较多,滚动条会消失,而变为Body的滚动条,这是由于模态框自带的遮罩的问题。网上有朋友给出的解决方案是在A增加overflow:auto的方法解决,但是这种方法会使得页面出现两个滚动条。

鉴于上述已经了解到原因是由于遮罩造成的,那么可以重新增加遮罩,即在关闭B之后,重新给body增加遮罩$("body").addClass("modal-open");

当然这个方法需要自己在合适的地方增加JS代码,不过经过测试这样的解决方法最合理。

转载于:https://www.cnblogs.com/songhaipeng/p/6425429.html

你可能感兴趣的文章
[20180619]oradebug peek.txt
查看>>
第219天:Angular---过滤器
查看>>
MySQL
查看>>
CSS动画:animation、transition、transform、translate傻傻分不清
查看>>
重要·Flutter 首个预览版 发布
查看>>
那些年,陪伴过我们的下载软件(上)
查看>>
Java爬虫_资源网站爬取实战
查看>>
Linux LVM逻辑卷配置过程详解(创建,增加,减少,删除,卸载)
查看>>
Java 技能树
查看>>
Eclipse工程中Java Build Path中的JDK版本和Java Compiler Compiler compliance level的区别(转)...
查看>>
弹性计算双周刊 第 5 期
查看>>
Linux移动 Ubuntu16.04 桌面左侧的启动器到屏幕底部
查看>>
linux使用压缩包安装MySql
查看>>
图像识别试验 - 字符验证码、车牌号、身份证号
查看>>
SpringBoot开发案例之整合Quartz注入Service
查看>>
Spring中获取Session的方法汇总
查看>>
前传:02.彩色的火焰
查看>>
「镁客·请讲」华科创智喻东旭:纳米银线最终将带来移动终端的革命
查看>>
美国要遏制专利纠纷,“专利流氓”的好日子到头了
查看>>
比特币又火了,行情交易平台能否跟着受益?
查看>>