Question

我可以使用以下代码调整iframe源高度更改时调整iframe的大小：

<iframe src="source" width="625" height="100%" name="CHANGETHIS" id="CHANGETHIS" marginheight="0" frameborder="0" onLoad="autoResize('CHANGETHIS');"></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";
    }

</script>

但是，当内容因动态变化而发生变化时，我不知道如何调整大小。例如，jQuery动态更改。无论如何都要触发这个autoResize（）函数以避免在导航过程中出现滚动因为这个动态内容更改？

注意：我可以操纵框架网站。

由于

Answer 1

我可以在这里找到问题的解决方案：

https://github.com/davidjbradshaw/iframe-resizer

Answer 2

var autoResEl = autoResize('#myElement');
setInterval( autoResEl , 400 );

当内容动态更改时调整iframe大小（例如：ajax加载）

2 个答案: