博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在bootstrap中多层modal叠加导致页面无法滚动的问题
阅读量:6815 次
发布时间:2019-06-26

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

  hot3.png

今天做modal open modal的时候遇到了,子modal无法滚动的问题,查资料解决后,总结一下:

解决方法很简单,如果想要在子modal关闭后,父modal可以正常滚动,只需要在子modal的窗口关闭事件中加入

childModal.on("hidden.bs.modal", function () {    $('body').addClass('modal-open');});

这样还有一个问题就是页面重新加载,页面中的数据会丢失,所以还需要再重新加载数据。

如果想要子modal在打开时,就可以正常滚动,只需要在子modal窗口的打开事件中加入

childModal.on("show.bs.modal", function () {     setTimeout(function(){        $('body').addClass('modal-open');    },500);      })

 

转载于:https://my.oschina.net/sucre/blog/1928106

你可能感兴趣的文章
配置电信网通双线双IP的解决办法(Linux Ip Route2,基于源地址进行路由选择)
查看>>
Python常用模块汇总
查看>>
Java的类加载机制 为什么会出现锁机制?
查看>>
sa提开放系统下的虚拟新贵Virtualbox权技巧之xp_regwrite替换sethc.exe
查看>>
SpringBoot开发案例之整合Dubbo提供者(一)
查看>>
变态的程序
查看>>
腾讯抄你肿么办 ?
查看>>
java多线程的Fork/Join
查看>>
Java SE7新特性之try-with-resources语句
查看>>
利用ADOX修改ACCESS表字段名(VC/MFC)
查看>>
ftp 服务器的配置
查看>>
JavaScript的浏览器兼容性问题小结。
查看>>
Oracle Hint的用法
查看>>
Postfix邮件系统
查看>>
《编写可读代码的艺术》读书文摘--第一部分 表面层次的改进
查看>>
使用Nodejs创建基本的网站 Microblog--《Node.js开发指南》 3
查看>>
网管工作是否值得做下去?
查看>>
神行者PD10-adb push逃脱ro权限
查看>>
Oracle PL/SQL 学习笔记
查看>>
JPA(四)之实体关系一对一
查看>>