源頁面不會調整iframe高度變化

Question

我正在使用一個簡單的JavaScript代碼來基於正在加載的內容（它全部在域中）調整iframe的大小。不過，我得到的情況在哪裏;當iframe調整大量需要在源頁面上滾動的內容的頁面時，但是當您轉到內容少得多的頁面時，源頁面保持在相同高度，因此在下面有很多可怕的空的可滾動空間內容和我似乎無法阻止這種情況發生。

是否有額外的代碼來確保源頁面調整與iframe？

的JavaScript

function resizeIframe(obj) { 
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; 
    obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px'; 
} 

Answer 1

你有幾個選項。

1. 使用offsetHeight而不是scrollHeight。
2. 在調整大小函數開始時將高度降低到1px，以便它可以「增長」到新的較小大小。

這兩個選項都有缺點。選項一將不會在您的身體上包含任何邊距，因此最好將其設置爲8像素，然後將16像素添加到高度。選項二創建了一個小閃爍。