"3.95.131.208 - 3.95.131.208"

Как скрыть родительскую вертикальную полосу прокрутки после загрузки iframe?

Я приложил пример кода, который демонстрирует проблему. Я проверяю это в Firefox 3.5.7. Проблема заключается в том, что у родительского HTML есть полоса прокрутки, и он загружает iframe, который является полноэкранным (высота: 100%, ширина: 100%), я хочу, чтобы родительская полоса прокрутки была удалена после загрузки iframe.

1) Можно ли это сделать? 2) Когда мы даем высоту: 100%; width: 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, он загрузит app.html в iframe. Вы можете заметить, что после загрузки iframe появляется полоса прокрутки, а красный фон для iframe не полностью заполняет весь родитель.

+3
источник поделиться
2 ответа

Скрыть полосу прокрутки окна родительского окна при загрузке iframe

поместите этот script в начало Main.html

<script type="text/javascript">
 function sendparams() {
 document.body.style.overflow = "hidden";
 }
</script>
+3
источник

Полосы прокрутки не скроют, потому что высота вашего IFrame, если она исправлена, но текст "Вы можете увидеть iframe ниже...", последний пересекает высоту.

Если вы удалите несколько (по крайней мере два ряда) <br> то он будет работать в соответствии с вашими требованиями.

0
источник

Посмотрите другие вопросы по меткам или Задайте вопрос