iframe的自動高度不調整當頁面包含基於DOM的內容

Question

iframe的自動高度不調整當頁面包含DOM

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

<iframe src="http://site.com/page.php" frameborder="0" width="995" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" onload="javascript:resizeIframe(this);"></iframe> 

而且它的工作完美，直到我發現了這個問題

一iframe的網站頁面包含DOM隱藏和顯示更多的文字

的當it..it用戶點擊會顯示更多text..but的iframe不會調整，並不會顯示完整的頁面

我需要它正常工作

誰能幫助嗎？

謝謝

Answer 1

您需要檢測iFrame中的DOM發生了變化，然後重計算你的IE幀的大小。最好的方法是使用MutationObserver。但是，這在IE10及以下版本中不起作用，因此您必須使用回退。

看看我的小型圖書館，會爲你照顧這一切。

https://github.com/davidjbradshaw/iframe-resizer