的iframe自动调整大小增减

Question

我发现这里的解决方案 How to auto shrink iframe height dynamically?

---

我想IFRAME一个论坛，我需要自动调整增加和减少I帧的大小。

现在我有这样的：

<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