javascript - iframe 在页面底部切断

标签 javascript html css iframe

我有一个带有显示图像和评论的 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>  

还有 html 中的 iframe:

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

关于javascript - iframe 在页面底部切断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30714066/

相关文章:

javascript - 即 11 : Object doesn't support property or method 'getElementsByClassName'

javascript - 如何在左侧站点制作带有三 Angular 形的响应式气泡

python - 如何基于Python生成不同格式(HTML、文本等)的报告?

jquery - 使用 jquery 更改选择输入

css - 如何将文本框的第一个字母更改为大写

javascript - Angularjs - 调用子状态时防止再次加载非抽象父状态

javascript - 定义函数时如何在javascript函数中初始化参数

javascript - React 等待来自 API 的特定响应

css - 如何在父容器没有宽度的情况下居中对齐 float div?

javascript - JQuery 中的 CSS 属性选择器