2013-03-10 67 views
0

iframe的自動高度不調整當頁面包含DOMiframe的自動高度不調整當頁面包含基於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隱藏和顯示更多的文字

enter image description here

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

enter image description here

我需要它正常工作

誰能幫助嗎?

謝謝

回答

1

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

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

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