iframe高度自適應，終于解決了

一直被iframe的高度自適應的問題困擾著，在項目中也是多次遇到。網上也有不少相關的代碼，但是總不能滿足自己的要求。在頭痛了幾次之后終于下定決心解決這個問題。

本代碼主要解決的問題是：最外層滾動條隨著iframe高度動態變化的問題。如果iframe高度比較大最外層就會出現滾動條，否則就不會。網上好多例子的問題都是iframe只保留最大的高度以至于頁面內容高度很小但是右邊還有滾動條。

話不多說，上代碼。

/**
 * iframe自適應高度，height為手動設置的最小高度
 */
function initIframeHeight(height){
    var userAgent = navigator.userAgent;
    var iframe = parent.document.getElementById("contentIframe");
    var subdoc = iframe.contentDocument || iframe.contentWindow.document;
    var subbody = subdoc.body;
    var realHeight;
    //谷歌瀏覽器特殊處理
    if(userAgent.indexOf("Chrome") > -1){
        realHeight = subdoc.documentElement.scrollHeight;
    }
    else{
        realHeight = subbody.scrollHeight;
    }
    if(realHeight < height){
        $(iframe).height(height);
    }
    else{
        $(iframe).height(realHeight);
    }
}

親測谷歌、火狐、ie8+通過。第一次發博文試試水 ^_^

?