Question

这是我的模态div元素：

<div id="modal-window" style="display:none;">
    <iframe id="modal-window-inner-html" frameborder="0"></iframe>
</div>

这是我在javascript中定义的jquery模式：

 $("#modal-window").dialog({
        autoOpen: false,
        modal: true,
        width: 350, 
        height: 800
 });

这是iframe css：

#modal-window iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

在iframe内容中，我通常会放置应该滚动的大型html。我有一个chrome问题（其他浏览器工作正常），当我第一次打开modal一切都很好（滚动是可见的），但当我关闭模态并再次打开第二次，第三次等滚动是不可见但我仍然可以滚动内容。如何强制显示此滚动？我试着把overflow-y：auto！important;在iframe上，将maxHeight放在jquery模态上，在关闭时销毁jquery模式，但没有解决问题。

Answer 1

为iFrame添加固定像素高度应该修复它

Jquery对话框chrome问题 - 第二次打开时滚动不可见

1 个答案: