在iframe方法中,“页面调整大小”段落将被隐藏

时间:2018-07-27 07:14:11

标签: javascript html css

我正在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文件,则调整大小的内容将被隐藏,因此无法正常工作。 我希望只有一个外部滚动条而不隐藏页面内容

0 个答案:

没有答案