Iframe 高度自適應

實現 iframe 的自適應高度，能夠隨著頁面的長度自動的適應以免除頁面和 iframe 同時出現滾動條的現象。 （需要只有iframe出現滾動條）

function iframeautofit(iframeobj) , 200)

}

下面是我的iframe

<

iframe 
id="mainiframe"
onload
="iframeautofit(this)"
name
="rightcontent"
src="@url.action("
content","home")" class
="main"
frameborder
="0"
scrolling
="no"
style
="min-height:1000px;"
>
iframe
>

這樣可以解決，但是有乙個問題，剛載入進來時高度可以正確顯示，但是嵌入內容的高度隨點選變化（如：下拉列表，左側導航欄，上傳顯示等）iframe高度不會自動適應，為了解決這個問題，我又去搜了一圈，包括在園子裡看了一圈也沒真正解決，後來仔細想想咱們這樣寫的是在iframe載入的是改變的高度，可是我們的內容是在載入以後改變的，應該定乙個計時器去隨時監測我們的頁面高度是否改變了！於是我把上面的方法改了下完美解決問題了。

function iframeautofit(iframeobj) , 200)

}

雖然是個小問題，但是發現網上搜的方法都沒解決我的問題，於是寫出來分享給大家，不知道解決你的問題沒有呢？

iframe 自適應高度

由於html沒有include或require，做網頁時我們會用iframe來達到包含頁面的目的。如果呼叫的iframe頁面高度會根據內容多少而發生變化，這時通常要保持iframe與內容頁面的高度，以避免出現iframe的滾動條。先搜尋了一下，有不少好的例子，但總覺得說的還不夠明了。下面給出詳細例子...

iframe自適應高度

來自 http ued.koubei.com 2008 05 07 iframe auto fit height 這貼比較長，沒有耐性的朋友請直接拖到帖子末尾的 示例，或者直接去玩我提供的demo。demo頁面 主頁面 iframe a.html 被包含頁面 iframe b.htm 和 ifram...

iframe高度自適應

nl ad this.height document.frames src document.body.scrollheight 例子 1，建立頁面 test.html 頁面中含有乙個 iframe，name為 ifrname id為 ifrid，src 為 iframe.html頁面。2，建立 i...