gpt4 book ai didi

twitter-bootstrap-3 - 子模式关闭后引导模式不滚动

转载 作者:行者123 更新时间:2023-12-01 10:35:03 25 4
gpt4 key购买 nike

在 Bootstrap 3 中,我有一个模态表单(我们称它为父模态)。它是这样调用的:
<a href="#" data-toggle="modal" data-target="#receiptmodal" data-backdrop="static" data-keyboard="false">
<i class="fa fa-usd"></i>
<strong>Receive Money</strong>
</a>

它有这样的子模态:
$('#childmodal').modal({backdrop: "static", keyboard: "false"});
父级比我的视口(viewport)高并且它确实滚动,但是在子模式关闭后,父级不会滚动 - 相反,包含父模式的页面会滚动,即使它仍然是灰色和禁用的。

子模态像这样关闭:$("#childmodal").modal('hide'); .我也试过toggle没有运气。

为什么会这样?在打开和关闭子模态之前,我需要父模态像它一样滚动。

非常感谢!

最佳答案

尽管 joashp 帮助我找到了答案,但我想发布一个完整的答案。

Joashp 关于 modal-open 是正确的正文中的类和我的测试表明添加该类允许父模式再次滚动。问题是,虽然它在测试中有效,但在现实世界中却没有。为了彻底解决这个问题,我添加了 modal-open在 jQuery 完全隐藏模式后,将类添加到正文。为此,我必须使用模态的回调。当 jQuery 最终完成隐藏时,“hidden”会触发:
$('#childmodal').on('hidden.bs.modal', function () {
$('body').addClass('modal-open');
});

关于twitter-bootstrap-3 - 子模式关闭后引导模式不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37153278/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com