我正在div容器中使用iframe方法,我们面临的问题是隐藏页面调整大小的iframe内容时,请提出如何解决此问题而无需重新加载功能的问题。
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.box{
width:100%;
height:300px;
border:1px solid red;
}
</style>
</head>
<body>
<div class="box"></div>
<iframe src="https://stackoverflow.com/" width="100%" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);'></iframe>
<div class="box"></div>
<script type="text/javascript">
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
</body>
</html>
在上述结果中,如果加载任何.php文件,则调整大小的内容将被隐藏,因此无法正常工作。 我希望只有一个外部滚动条而不隐藏页面内容