iframe自动调整大小增加和减少

时间:2014-01-29 11:29:39

标签: javascript iframe resize

我在这里找到了解决方案 How to auto shrink iframe height dynamically?


我正在尝试使用iframe论坛,我需要自动调整增加和减少Iframe的大小。

现在我有了这个:

   <script language="JavaScript" type="text/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>
    <iframe frameborder="0" height="200px" id="iframe1" marginheight="0" onload="autoResize('iframe1');" src="/forum" width="100%"></iframe>

但是这段代码只会增加尺寸,我也需要减小尺寸。

感谢。

1 个答案:

答案 0 :(得分:1)

尝试使用offsetHeight,而不是scrollHeight。

您可能会发现此库很有用,因为它还会检测一些可能导致您需要调整iFrame大小的不同事件。

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