Question

使用两个模态时，在第二个模态关闭时，第一个模态的滚动隐藏。
可以看到一个例子here（这不是我的代码，我只用它来表明我的问题是什么）。
我的第一个模态箱代码在这里

`<div id="myModalFirst" class="modal fade" role="dialog" tabindex='-1'>
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      // custom divs here
    </div>
  </div>
</div>`

我的第二个模态箱码在这里

`<div id="myModalSecond" class="modal fade" role="dialog" tabindex='-1'>
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      // custom divs here
    </div>
  </div>
</div>`

有解决这个问题的方法吗？

Answer 1

我离开了我们已添加的计时器cos，并在最后添加.fadein（1000）;延迟1秒。

$('#modalTrigger').on('click', function () {

    $('#modalBody').html($('#contentText').html()).fadein(1000);

});

$('#btnPrimaryModalAction').on('click', function () {
    $('#secondaryModal').modal('show'); 
});

Answer 2

关闭第二个模态后，第一个模式会溢出y：隐藏某种方式。即使它实际设置为auto。您可以尝试使用css

#myModalFirst {
    overflow-y:scroll;
}

第二个模态关闭时的第一个模态滚动隐藏

2 个答案: