angularjs 第一模态滚动隐藏时，第二模态关闭

j13ufse2 于 12个月前发布在 Angular

关注(0)|答案(3)|浏览(119)

当使用两个模态时，在第二个模态关闭时，第一个模态的滚动被隐藏。
一个例子可以看到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>`

型
这个问题有什么解决办法吗？

angularjs

来源：https://stackoverflow.com/questions/46468645/first-modal-scroll-hiding-when-second-modal-is-closed

3条答案

按热度按时间

b5buobof1#

关闭第二个模式后，第一个模式会溢出-y：隐藏。即使它实际上设置为自动。你可以使用css尝试这样做

#myModalFirst {
    overflow-y:scroll;
}

字符串

赞(0）回复(0）举报 12个月前

g52tjvyc2#

我离开了计时器，因为我们已经添加了一个，只是在末尾添加a .fadein（1000）;延迟1秒。

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

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

});

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

字符串

赞(0）回复(0）举报 12个月前

m0rkklqb3#

当body标签有class=“modal-open”时，模式滚动工作。通常当你关闭第二个模式时，类已经从body标签中删除，第一个模式滚动在那个时候不工作。所以，当第二个模式关闭时，添加class=“modal-open”应该可以正常工作。

$("#myModalSecond").on("hidden.bs.modal", function(){
  setTimeout(function(){
    $("body").addClass("modal-open");
  }, 500);
})

字符串

赞(0）回复(0）举报 12个月前

我来回答

angularjs 第一模态滚动隐藏时，第二模态关闭

3条答案

相关问题

热门标签

最新问答