我的页面中有 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';
}
最佳答案
Firefox 将 iFrame 的大小仅作为可见区域,因此排除了滚动条。
关于javascript - Firefox 中的 iframe 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4265221/