Отрегулируйте прокрутку iframe до высоты экрана.

Question

Возможно ли отрегулировать высоту прокрутки iframe в соответствии с размером экрана (браузера)? Это будет похоже на простое изменение прокрутки браузера по умолчанию с помощью прокрутки iframe. Вот что я имею в виду:

Я в настоящее время есть мой браузер прокрутки отключены:

<style type="text/css"> 
html, body { 
    overflow: hidden; 
} 
</style> 

У меня есть IFRAME:

<iframe width="100%" src="http://www.yahoo.com" scrolling="yes" frameborder="0" height="100%"> 
</iframe> 

С шириной установлен на 100% бар IFrame прокрутки нажал в крайнем правом порядке, несколько заменив панель прокрутки браузера по умолчанию, и мой iframe теперь является центральной частью веб-сайта (например, yahoo). Я всегда могу настроить высоту iframe, чтобы он соответствовал моему конкретному размеру браузера, но есть ли способ автоматически установить прокрутку iframe в соответствии с высотой браузера? Сделать отзывчивость к высоте браузера так же, как и ширине?

Answer 1

Если вы используете jQuery, вы можете сделать $(window).height(), а затем установить для него высоту iframe.

Оставьте это в нижней части вашего HTML-файла, чуть выше закрывающего тега </body>.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
;(function($){ 
    $(document).ready(function(){ 
     $('iframe').height($(window).height()); 
     $(window).resize(function(){ 
      $('iframe').height($(this).height()); 
     }); 
    }); 
})(jQuery); 
</script>