Question

我的页面中有 iframe 元素，当页面加载时，iframe将重新调整大小，并且每个按钮都有一个隐藏/显示它的按钮。在第一个循环隐藏并再次显示之后，iframe的大小变小并且出现滚动条。

它只发生在Firefox中，在IE和Chrome中运行良好，有谁知道为什么？

以下是一些代码：

function Resize_IFrame(f) {
    f.style.height = f.contentWindow.document.body.scrollHeight + "px";
}

<body style="font-size:75%;" 
      onload="Resize_IFrame(document.getElementById('iframe1'));
              Resize_IFrame(document.getElementById('iframe2'));">

<!-- ... -->
<iframe id='iframe1' name='iframe1' width="100%" frameBorder='0' 
          src='/aa.jsp'></iframe>
<iframe id='iframe2' name='iframe2' width="100%" frameBorder='0' 
      src='/bb.jsp'></iframe>

<img src='/max.jpg'  onclick="hide('iframe1_table') ;Resize_IFrame(document.getElementById('iframe1'));"/> 

    function Hide( Table_Name )
{
    var Table      = document.getElementById( Table_Name + "_table" );
    var Hide_Icon = document.getElementById( Table_Name + "_hide_image" );
    var Add_Icon  = document.getElementById( Table_Name + "_add_image" );
    Table.style.display = 'none';
    Add_Icon.style.display  = 'block';
    Hide_Icon.style.display = 'none';
    document.getElementById( Table_Name + "__is_collapsed" ).value = 'Y';
}

Answer 1

Firefox将iFrame的大小仅视为可见区域，因此排除了滚动条。

firefox中的iframe大小

1 个答案: