javascript - 多个 Bootstrap 模式的滚动问题

Question

我有一个包含大量信息的模态页面，因此您需要滚动。此模态包含指向第二个模态的链接。

当我

• 打开模态 1
• 点击链接打开模态 2(模态 1 留在后台)
• 然后关闭模式 2，以便我回到模式 1

modal 1 松动滚动(仍然有一个滚动条，但它什么都不做)。相反，模态保持在打开模态 2 时的位置。

我试过先用 js 关闭背景模态(但这会弄乱第二个模态上的滚动)。似乎每次我尝试打开/关闭多个模式时，我总是会遇到滚动问题。

关于如何处理这个问题有什么建议吗？

Answer 1

添加

.modal { overflow: auto !important; }

到您的 CCS。

没有您的代码，我继续创建了这个 jsFiddle重现您的问题，或者至少是一个非常相似的问题。添加您的代码，我将测试这是否有效。

将该行添加到 CSS 解决了这个 jsFiddle 所展示的问题.

解决方案取自 this thread在 github 上也提供其他解决方案。