bootstrap模态框多层嵌套时，第二层模态框显示不全怎么办？

胡辣汤的诱惑 2018-02-11 04:50:01

效果如图所示啊。第二层模态框的只能显示在第一层模态框的里面，导致没法全部显示出来。

...全文

1948 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

winzond 2018-12-03

打赏
举报

回复

你需要贴代码

qq_38372181 2018-12-02

打赏
举报

回复

<div></div>开闭不匹配

hfhan_872914334 2018-02-22

打赏
举报

回复

你是写在了第一层里面了吧，你可以写在外面，手动触发显示

我希望，首先打开模态框1，然后打开模态框2，然后关闭模态框2，然后关闭模态框1. 但是我发现打开模态框1再打开模态框2的时候，模态框2被模态框1压住了，我希望模态框2压住模态框1. 于是不会了~求教我知道bootstap是不支持多层模态框，但是还是希望完成这个功能，请知道答案的人回答一下谢谢！提问者采纳使用js去弹出第二个模态框 其一：DOCTYPE html>

以下实例用于创建多层模态框的嵌套效果: 1.下载用于生产环境的Bootstrap (网址：https://v3.bootcss.com/getting-started/#download) 2.在页面内head标签内引入样式库bootstrap.min.css 3.在页面内body标签尾部引入任意一jq库和bootstrap.min.js，例如： <head> <meta ...

现象：两层模态框，在上层模态框隐藏后，底层模态框无法滚动原因： 模态框在打开的时候，会隐藏掉父标签的滚动条，关闭的时候会恢复回去，把滚动条加到父标签，所以，有两层模态框的时候，上层关闭时，一般会把滚动条加回body，导致底层模态框无法滚动解决办法：在顶层模态框隐藏时，继续隐藏body的滚动条

在使用Bootstrap中模态框过程中，如果出现多层嵌套的时候，如打开模态框A，然后在A中打开模态框B，在关闭B之后，如果A的内容比较多，滚动条会消失，而变为Body的滚动条，这是由于模态框自带的遮罩的问题。网上有朋友给出的解决方案是在A增加overflow:auto的方法解决，但是这种方法会使得页面出现两个滚动条。鉴于上述已经了解到原因是由于遮罩造成的，那么可以重新增加遮罩，即在关闭B之后，...

问题：在使用Bootstrap时，有时候会用到模态框中再嵌套模态框。这样就会出现一个问题，就是在关闭第二个模态框时，会导致第一个模态框的滚动条消失，这样就会使得屏幕太小而模态框太大看不到底部信息，而没法进行操作。解决方法：就是在第二个模态框的关闭hide 方法调用之后立即触发的事件中,设置第一个模态框的样式,给其加一个样式:'overflow-y':'scroll'。代码如下: myMod

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章