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