一.问题描述

实际开发中遇到bootstrap嵌套模态框，关闭次模态框后主模态框滚动条消失。

二.解决办法

在主模态框上加属性：（先凑合着用，回头再看看源码）

style="overflow-y: auto;"

问题：在使用Bootstrap时，有时候会用到模态框中再嵌套模态框。这样就会出现一个问题，就是在关闭第二个模态框时，会导致第一个模态框的滚动条消失，这样就会使得屏幕太小而模态框太大看不到底部信息，而没法进行操作。

解决方法：就是在第二个模态框的关闭hide 方法调用之后立即触发的事件中,设置第一个模态框的样式,给其加一个样式:‘overflow-y‘:‘scroll‘。

代码如下: myModalEdit是第二个模态框的id，myModal是第一个模态框的id

$(‘#myModalEdit‘).on(‘hidden.bs.modal‘, function() {

$(‘#myModal‘).css({‘overflow-y‘:‘scroll‘});
});

bootstrap 嵌套模态框 二级模态框关闭导致一级模态框滚动条消失