iframe高度被切断

Question

我在一个页面上工作，包含一个iframe，我在firefox中遇到了一个重大问题。 我使用这个javascript进行iframe大小调整：

<script language="JavaScript"> function autoResize(id){
var newheight;
var newwidth;

if(document.getElementById){
    newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
    newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}

document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";    }

<iframe src="https://like-coppers.de/kundenbereich/" scrolling="no" border="none" width="100%" height="100%" name="CHANGETHIS" id="CHANGETHIS" marginheight="0" frameborder="0" onload="autoResize('CHANGETHIS');" onresize="autoResize('CHANGETHIS');"></iframe>

在chrome上它完美无缺（忽略边框）： 但是在Firefox上它会被切断：

你知道解决方案吗？

Answer 1

在Firefox中，您需要查询documentElement.scrollHeight而不是body.scrollHeight

自动选择正确属性的方法可以在中找到 .body.scrollHeight doesn't work in Firefox或
document.body.scrollHeight yielding two different results in firefox/chrome

Answer 2

您必须使用内联样式来修复此问题style =“overflow：hidden; min-height：600px; width：100％”

所以你的iframe看起来像

<iframe src="https://like-coppers.de/kundenbereich/" style="overflow:hidden;height:100%;width:100%" scrolling="no" border="none" width="100%" height="100%" name="CHANGETHIS" id="CHANGETHIS" marginheight="0" frameborder="0" onload="autoResize('CHANGETHIS');" onresize="autoResize('CHANGETHIS');" ></iframe>

希望这能帮到你