在页面底部截断Iframe

iframe cutting off at bottom of page

本文关键字：Iframe 底部      更新时间：2023-09-26

我有一个带有iframe的页面，用于显示图像和注释。我不希望任何人被要求在iframe中单击并滚动以查看所有内容。我将iframe的高度设置为2500px，希望我只需要滚动父框架即可查看所有内容。这不是工作虽然，它只是在窗口的底部切断，迫使我点击内部iframe和滚动查看一切。

简而言之，我想查看iframe内的所有内容，而不必在iframe内单击以在其中滚动。有什么办法用CSS或js做到这一点吗?

iframe是否在同一域中?

给一个可变大小的iframe一个像素大小不是一个好主意。

这是一个动态大小的解决方案:

<script type="text/javascript">
  function resizeIframe(iframe) {
      iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
  }
</script>

和你的iframe在html:

<iframe onload="resizeIframe(this)" ...
相关文章：