Question

我的页面有页眉和页脚已经有滚动条了。我需要将动态页面作为iframe加载到正文内容中。 iframe也有滚动条。我需要避免iframe中的滚动条而不设置高度。请给我任何想法。

    <!-- page header -->
    <header class="page-header main-page">
    </header>
    <main>
     <iframe src="home.html">
    </main>
    <footer class="page-footer">
    </footer>

Answer 1

你可以试试这个：

<iframe src="home.html" scrolling="no"> </iframe>

更多信息。关于scrolling属性here

Answer 2

如果iframe页面位于同一个域中：

<script language="javascript">
    var elem = document.getElementById("myIframe");
    newheight= elem.contentWindow.document.body.scrollHeight;
    elem.height = newheight + "px";
</script>
<!-- page header -->
<header class="page-header main-page">
</header>
<main>
 <iframe id="myIframe" src="home.html">
</main>
<footer class="page-footer">
</footer>

iframe没有滚动

2 个答案: