具有固定寬度和動態高度的iframe

是否可以使用固定寬度（.ex。75％）和動態高度的iframe？希望我想實現的是，當加載到iframe中的頁面不會比我指定的頁面更寬時，但是其長度需要根據頁面的內容。這是一個包含5行文本的頁面，該框架將足夠大以顯示這5行。我們是否加載了1000行的大文檔，iframe的高度會自動調整。具有固定寬度和動態高度的iframe

先決條件：

在框架的URL是從與母體不同的域。
該代碼也適用於手機瀏覽器。
讓我們儘可能避免使用jQuery。（使上述更快）

來源

2011-03-21 Dayson

重複（http://stackoverflow.com/questions/ 153152 /調整大小-AN-iframe的基於上的內容） – mplungjan 2011-03-21 09:38:04

可以使用頁面呈現代碼或JavaScript操縱IFrame高度......但iframe無法根據內容動態調整大小。

mplungjan的評論中的鏈接帶你到這個問題的真正好帖子。

來源

2012-02-03 20:44:34 farina

我知道你想避免它，但它真的不應該放慢你的速度，以至於它會成爲你網站的負擔。我用jquery做了很多更瘋狂的事情，並且像冠軍一樣處理它。當談到「動態」時，通常可以肯定的是，您需要在某個時候觸摸一些javascript：P

$(selector)[0].scrollHeight

至於使它動態？你可以設置一個間隔來調整高度。

事情是這樣的：

function setHeight(selector){ 
    var contentHeight = $(selector)[0].scrollHeight; 
    $('#iframe-id').attr('height', contentHeight); 
}

然後您可以加載頁面加載，或者你把它包在一個的setInterval。

如果它只是jQuery的事情，你不介意的JavaScript，那麼這個網站可以幫助你[調整大小基於內容的iframe]的 http://www.mattcutts.com/blog/iframe-height-scrollbar-example/

來源

2012-05-20 17:20:51

具有固定寬度和動態高度的iframe

回答

相關問題