gpt4 book ai didi

javascript - 堆叠模式在关闭时滚动主页

转载 作者:技术小花猫 更新时间:2023-10-29 12:56:14 26 4
gpt4 key购买 nike

<分区>

使用 Bootstrap 3.3.1,我无需任何额外脚本即可获得堆叠模态(就像在 Bootstrap 站点中复制粘贴模态模板并在同一页面中制作许多模板一样)。问题在于,无论何时关闭顶部(最高)模态,滚动焦点都会转到主页(在所有剩余模态下),并且仅当打开新模态时才返回顶部模态。有没有办法将滚动焦点设置到下一个模式而不是主页?

当我测试解决方案时 here (甚至 this one )通过向 body 和单个 modals 添加文本(通过 Firefox 的“编辑为 HTML”来测试滚动),它具有我需要的特性.

当我尝试使用最新的 jQuery 和 Bootstrap 时出现的一个问题是 modal-backdrop 然后显示在 modal-dialog 上方。在 Inspect Element 每当一个或多个模态启动时,我注意到 modal-backdropdiv 出现在主 div 中模态:

<div id="myModal" class="modal fade" aria-hidden="true" style="display: none;">
<div class="modal-backdrop fade in"></div>
<div class="modal-dialog modal-lg"></div>
</div>

body 的底部相比,它是 here .当我在该链接示例中使用 3.3.1 时甚至会发生这种情况。我认为这导致主要 divmodal-backdrop 具有修改后的 z-index,但不是 modal-dialog,所以我尝试通过添加一行来设置 modal-dialog 使其父级的 z-index 加 1 来修复它。它将背景放在它们的适当的位置,但滚动问题仍然存在。这是因为 3.3.1 发生了变化,还是我看错了解决方案?

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