jquery - 模态对话框 Jquery 不适用于 Chrome 和 Internet Explorer

Question

我在我的 MVC 应用程序中使用 Jquery 插件模式对话框，但是当我向下滚动屏幕时它不工作，它只显示灰色屏幕，但在其他浏览器中它工作正常。 第一个屏幕截图来自 Google Chrome，第二个屏幕截图来自 Mozilla

<div class="modal carrier-modal hide" tabindex="-1" role="dialog" data-bind="modal: {}, modalVisible: isEditingProducts">
<section>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h1>
                    <span>Carrier Products</span>
                </h1>
            </div>
            <form data-bind="with: carrierForProductsEdit, submit: saveProducts" class="form">
                <div class="modal-body">                   
                    <div data-bind="template: { name: 'carrierProductItem', foreach: CarrierProducts }">
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="submit" value="Save">
                    <span class="textor">or</span>
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="simple">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</section>

Answer 1

您可以尝试这个解决方案，很难说出您的具体问题所在。

<div style="min-height: 500px!important;" class="modal carrier-modal hide" tabindex="-1" role="dialog" data-bind="modal: {}, modalVisible: isEditingProducts">
     ....
</div>