iframe的自適應大小的問題

2021-08-22 11:18:16 字數 298 閱讀 6286

這也是乙個老問題,在網上也有很多例子。但我這個專案比較特別!

在乙個頁面上可能會有5個,或者少或者多的iframe,每乙個iframe裡面的高度可能在1000以上。所以這個頁面很高,

而且不能用分頁。這時會發現js不頂用,(前面幾個iframe 可以自適應大小,後面就不行了,但如果加上乙個alert()設訂一次大小列印一次,就可以做到了)。

所以猜想可能是由於js執行時html沒有適時響應,更改過來,最後解決的辦法是:在html最下面,寫上"過1秒鐘再設定大小一次!",問題是解決了,但總有點鬱悶!看看**吧!

js **

關於iframe的自適應高度問題

最近發現系統中有很多功能的 iframe 顯示有問題,比如當 iframe 中無內容時導致的頁面出現大面積空白,這是由於 iframe 的高度未能根據其中的內容自適應高度所致。網上又很多解決的辦法,但是萬變不離其宗,核心就是給據iframe的內容修改iframe標籤的高度。在iframe包含的頁面中...

解決iframe高度自適應問題

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

iframe 自適應高度

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