Question

我在这里找到了解决方案 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>

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

感谢。

Answer 1

尝试使用offsetHeight，而不是scrollHeight。

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

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

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

1 个答案: