iframe在页面底部切断

Question

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

简而言之，我希望查看iframe中的所有内容，而无需在iframe内部单击以在其中滚动。用css或js做任何方法吗？

Answer 1

iframe是否位于同一个域中？

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

这是动态尺寸的解决方案：

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

和你在html中的iframe：

<iframe onload="resizeIframe(this)" ...