Question

我附上了演示问题的示例代码。我在Firefox 3.5.7中检查这个。问题是父HTML有一个滚动条，它加载一个全屏的iframe（高度：100％，宽度：100％），我希望在加载iframe后删除父滚动条。

1）这可能吗？ 2）当我们给出身高：100％;宽度：100％为什么它只占据视野区域？但不是完整的父母占领区？

This is Main.html
        <Html>
    <head>
        <script type="text/javascript" src="client.js"></script>
        <title>
            I am a client
        </title>    
    </head>
    <body bgcolor="#000000">
        You can see the iframe below...
        You can see the iframe below...
        You can see the iframe below...<br><br>
        <br><br><br><br><br><br>
        <br><br><br><br><br><br>
        <br><br><br><br><br><br>
        <br><br><br><br><br><br>
        <br><br><br><br><br><br><br>
        <br><br><br><br><br><br>
        You can see the iframe below...
        <br>

        <iframe name="clientframe" id = "clientframe" src = "app.html" style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:999;background:#ff0000" 
        onload = "sendparams();" frameborder="no">
        </iframe>    
    </body>
    </html>

This is app.html:
<HTML>
<HEAD>
    <title> 
        I am an Application
    </title>
</HEAD>
<BODY>
    <h3>This is an application</h3>
    <br>
    You name <input type="textbox"> <br>
    Password <input type="password"><br>
    <br>
    <br>
    <input type="button" value ="Let me in">
</BODY>

</HTML>

注意：打开Main.html，它会在iframe中加载app.html。您可以注意到，在加载iframe后会出现一个滚动条，而iframe的红色背景并不会完全填满整个父级。

Answer 1

加载iframe时隐藏父窗口滚动条

将此脚本放在Main.html

的顶部

<script type="text/javascript">
 function sendparams() {
 document.body.style.overflow = "hidden";
 }
</script>

Answer 2

滚动条不会隐藏，因为IFrame的高度如果已修复，但文本“你可以看到下面的iframe ......”最后一个跨越高度。

如果删除少量（至少两行）＆lt; br＆gt;然后它会按照你的要求正常工作。

如何在加载iframe后隐藏父垂直滚动条？

2 个答案: