100% высота авто на IFRAME

Question

У меня есть IFRAME на моей странице, я использую этот код:

<script> 
    function autoResizeiFrame(obj) { 
     obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; 
    } 
    </script> 
    <iframe src="link.php" frameborder="0" width="100%" height="100%" onload='javascript:autoResizeiFrame(this);'></iframe> 

, которая автоматически изменяет размер IFRAME на высоту 100%.

Это работает отлично, однако, если браузер изменен, уменьшив ширину экрана, я вижу границы iframe и не изменяет автоматически высоту iframe.

Это только изменение размера его на странице загрузки

Answer 1

Привет Вы должны использовать событие изменения размера:

Я обновленное решение:

Если я правильно понимаю, вы не содержание IFRAME чтобы не прокручивать и утоляет дисплей в полном объеме .... чем это будет работать ... (я надеюсь ...)

<script type="text/javascript"> 
function autoResizeiFrame(obj) { 
    obj.style.height = obj.contentWindow.document.body.scrollHeight + "px"; 
} 

window.addEventListener("load",function(){ 
    var obj=document.getElementById("myIframe"); 
    obj.contentWindow.addEventListener("resize",function(){autoResizeiFrame(obj);},false); 
    autoResizeiFrame(obj); 
},false); 
</script> 

<iframe id="myIframe" src="index.php" frameborder="3" width="100%" height="100%" style="border:2px solid red;"></iframe> 

Позвольте мне знать.

Answer 2

На этой странице вы должны ввести мероприятие onresize. См. Эту ссылку. W3School

window.addEventListener("resize", autoResizeiFrame(document.getElementById("myframe")));