iframe高度自適應,終於解決了

2022-03-12 20:36:35 字數 429 閱讀 1472

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

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

話不多說,上**。

1/**

2* iframe自適應高度,height為手動設定的最小高度3*/

4function

initiframeheight(height)

14else

17if(realheight 20else

23 }

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

iframe高度自適應解決方式

帶邊框的iframe因為能和網頁無縫的結合從而不重新整理頁面的情況下更新頁面的部分資料成為可能,可是 iframe的大小卻不像層那樣可以 伸縮自如 所以帶來了使用上的麻煩,給iframe設定高度的時候多了也不好,少了更是不行,現在,讓我來告訴大 家幾種iframe動態調整高度的方法。1 2 在ie6...

解決iframe高度自適應問題

最近工作中使用了讓人頭疼的iframe,碰到的最大問題是沒有好的方法使其高度自適應。尤其在頁面進行ajax後,後來google一番之後,發現iframe resizer能夠比較好的解決這個問題,而且還支援跨域訪問 使用postmessage 使用方法 在iframe resizer壓縮包的js資料夾...

iframe 自適應高度

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