Как бы вы сделали так, чтобы высота iframe всегда доходила до нижней части окна браузера? - PullRequest
Новая
       1

Как бы вы сделали так, чтобы высота iframe всегда доходила до нижней части окна браузера?

2 голосов
/ 11 июля 2011

Я хочу создать iframe, высота которого будет расширяться до нижней части окна браузера.Если пользователь изменяет высоту браузера, тогда высота фрейма также должна изменяться динамически.Тем не менее, я бы хотел, чтобы у iframe была минимальная высота, которая больше не будет уменьшаться.Как бы я это сделал?

Ответы [ 3 ]

1 голос
/ 11 июля 2011

Я делаю что-то очень похожее.1) Возьмите событие изменения размера окна (я использую jQuery) 

$(window).resize(function(){});

2) Найдите то, что вы хотите, чтобы ваши действия были.Для меня я устанавливал высоту явно в теле документа, чтобы мой CSS высоты: 100% во внутреннем контейнере вступил в силу.Вы можете сделать что-нибудь внутри функции: 

$(window).resize(function(){
    $('body').height($(document).height());
});

Моя разметка: 

<html>
    <body>
        <div class="full-height">Hello World</div>
    </body>
</html>

Мой CSS: 

body {position:relative;}
.full-height {height:100%;}
0 голосов
/ 11 июля 2011

пытались ли вы поместить iframe в упаковщик div 

<div id="iframediv" style="min-height:500; overflow:scroll">
    <iframe src="http://google.com">­ </iframe>
</div>

Стоит выстрел.

0 голосов
/ 11 июля 2011

Это поможет увидеть, с чем вы работаете, но, надеюсь, это укажет вам правильное направление. 

iframe {
  height:100%;
  min-height:300px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...