Bootstrap 模态滚动条在触发另一个模态后出现和消失

Question

我尝试了很多东西，但 none 奏效了。因此发布问题，如果发现重复，我很抱歉。

我对 bootstrap 模态滚动有疑问，情况如下：

我有 2 个模态：Modal-1 和 Modal-2。
当用户在 Modal-1 中填写信息时，他可以选择点击 Modal-1 中的按钮并转到 Modal-2，然后再次返回 Modal-1完成填写Modal-2信息。
最初，当 Modal-1 被触发时，我在 Modal-1 中获得滚动条，因为模态中的信息非常大。
当用户从 Modal-1 转到 Modal-2 并返回到 Modal-1 时，滚动条出现几分之一秒然后消失，因此 'SAVE' 按钮是用户不可见，除非他 zooms-out.

我不明白为什么滚动条一开始是可见的，后来又消失了。我尝试了几件事，但 none 成功了。

我在样式表中为模式编写了以下样式：

.modal { overflow: visible; }
.modal-body { overflow-y: visible !important; }

我的Modal-1 headers如下：

<div class="modal fade" id="EventModalForm">
    <div class="modal-dialog" style="max-height:100%; max-width:100%;">
        <div class="modal-content">
            <div class="modal-header">
            </div>
        </div>
    </div>
</div>

有人可以帮我解决这个问题吗？

Answer 1

添加以下样式“style="overflow-y: auto;"'后现在工作正常：

<div class="modal fade" id="EventModalForm" style="overflow-y: auto;">
    <div class="modal-dialog" style="max-height:100%; max-width:100%;">
        <div class="modal-content">
            <div class="modal-header">
            </div>
        </div>
    </div>
</div>

Bootstrap 模态滚动条在触发另一个模态后出现和消失

Bootstrap modal scroll bar appears and disappears after triggering the another modal

html

css

modal-dialog

twitter-bootstrap

bootstrap-modal