当 iframe 改变高度时调整容器大小

Posted 2023-05-09

【中文标题】当 iframe 改变高度时调整容器大小

【英文标题】：Resize container when iframe changes height

【发布时间】：2018-07-09 03:39:09

【问题描述】：

我正在尝试找到一种方法来在其中包含的 iFrame 更改高度时调整嵌入 div 的大小。

这基本上就是我所拥有的：

<div>
    <iframe src="www.somesite.com"></iframe>
</div>

所以 iFrame 内容会改变高度，我希望包含它的 div 相应地调整大小。

任何我可以使用的神奇 jQuery 或 Bootstrap（页面同时使用）？

【参考方案1】：

试试这个，

<div id="iframeContainer">
    <iframe src="www.somesite.com" id="contentIframe" onload="setContentHeight()"></iframe>
</div>

<script type="text/javascript">
  function setContentHeight() 
      var iframe = $('#contentIframe').contents();
      if(iframe) 
	    var height = iframe.height();
		$("#iframeContainer").height(height);
         
  
</script>