Question

我有一个包含iframe的wordpress页面。此iframe包含3个iframe，它们一个堆叠在另一个之下，随着数据添加到数据库，它们的高度会增加。我希望他们自动调整大小并进行广泛研究以找到解决方案。所有页面都在我自己的服务器上。我在Chrome，Opera和Maxthon中都有这个功能，但是我的一些成员坚持使用Firefox＆amp;该脚本不适用于FF。

这是要调整大小的iframe之一的示例：

<iframe src="a page on my domain" width="100%" height="100%" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>

这是我的代码：

<script>
    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";
    }
</script>

如果它只适用于Firefox，我会很高兴：）

Answer 1

删除height =“100％”

$（function（） { $（ 'IFRAME'）的高度（$（ 'IFRAME'）内容（）高度（））; }）;

重新调整jquery重新调整iframe的大小

1 个答案: