没有滚动的 iframe 自动高度不起作用答案

【问题标题】：iframe auto height without scroll doesn't work没有滚动的 iframe 自动高度不起作用
【发布时间】：2018-01-23 19:20:39
【问题描述】：

我有一个包含 iframe 的页面。我尝试使用属性 scrolling=no 和 scroll='no' 删除滚动，但没有结果。

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

这是我的代码：

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

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

【问题讨论】：

iFrame - Auto Height on content change within iFrame的可能重复
没有同样的问题
如果您的 iframe 由于浏览器的同源策略而指向另一个（子）域，您将无法执行此操作。
我只想为特定的 Div 链接外部 CSS 文件，所以有没有其他解决方案而不是 iframe
您能否提供更多有关您遇到的问题的信息？仅仅说它不起作用是不够的。

标签： javascript html

【解决方案1】：

我不完全理解你在这里想要完成什么，我认为 iframe 没有提供 API 来为你处理这个。

无滚动：它是一种解决方法，但是：通过使用 div 包装 iframe 来解决此问题，并使用 z-index 将其放在其顶部。光标不会像这样访问 iframe。还希望能够点击吗？添加一个 onclick 函数，删除 div 的 diff 或 css。

改变高度：只要不指定高度和宽度，IFrame 会为您处理吗？

关于代码：我不熟悉 onload 函数，但假设它在加载 Iframe 后运行......

 obj.style.height

应该是

 obj.height

【讨论】：

同样的问题滚动也有