解决bootstrap两层模态框隐藏时的滚动异常
发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,现象:两层模态框,在上层模态框隐藏后,底层模态框无法滚动原因:模态框在打开的时候,会隐藏掉父标签的滚动条,关闭的时候会恢复回去,把滚动条加到父标签,所以,有两层模态框的时候,上层关闭时,一般会把滚动条
千家信息网最后更新 2026年11月03日解决bootstrap两层模态框隐藏时的滚动异常
现象:
两层模态框,在上层模态框隐藏后,底层模态框无法滚动
原因:
模态框在打开的时候,会隐藏掉父标签的滚动条,关闭的时候会恢复回去,把滚动条加到父标签,所以,有两层模态框的时候,上层关闭时,一般会把滚动条加回body,导致底层模态框无法滚动
解决办法:
在顶层模态框隐藏时,继续隐藏body的滚动条
代码:
$("#frontModal").on("hidden.bs.modal",function(){ $('body').addClass('modal-open')})
模态
时候
上层
底层
标签
代码
办法
原因
现象
顶层
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
新华互联网科技
互联网 科技
上海互联网科技有限公司
金融科技和互联网金融
深圳卡尔迅互联网科技有限公司怎么样
博兴的互联网电子科技公司
深圳市运趣互联网科技有限公司
隆华科技工业互联网
互联网系的金融科技公司
全球顶尖互联网科技公司
宝灵互联网科技有限公司
威龙国际互联网科技公司
工业互联网展湾科技股份有限公司
小米互联网科技园入驻
深圳互联网科技的发展
智帮互联网科技公司最近动向
下一代互联网重大应用科技园
北京互联网科技类企业分布
互联网时代高科技布局
好易买互联网科技
互联网科技公司华为
浩特互联网科技
智慧科技互联网
互联网科技ppt模板
互联网高科技股票
创业天下互联网科技有限公司
深圳艾果互联网通讯科技
华中科技大学互联网的牛人
富国互联网科技002692
宁波允成互联网科技有限公司