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

Posted 2023-03-05

【中文标题】没有滚动的 iframe 自动高度不起作用

【英文标题】：iframe auto height without scroll doesn't work

【发布时间】：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

您能否提供更多有关您遇到的问题的信息？仅仅说它不起作用是不够的。

【参考方案1】：

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

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

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

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

 obj.style.height

应该是

 obj.height

【讨论】：

同样的问题滚动也有