使iframe根据内容自动调整高度而不使用滚动条？

小编典典

all

例如：

<iframe name="Stack" src="http://stackoverflow.com/" width="740"
        frameborder="0" scrolling="no" id="iframe"> ...
</iframe>

我希望它能够根据里面的内容调整它的高度，而不使用滚动。

阅读 97

2022-03-07

共1个答案

小编典典

将此添加到您的<head>部分：

<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
  }
</script>

并将您的 iframe 更改为：

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

正如在站点点讨论中发现的那样。

2022-03-07