設定iframe的高度

2021-08-26 19:20:20 字數 663 閱讀 7009

為了使iframe不出現滾動條(使用瀏覽器自身的滾動條),需要把iframe內嵌頁面的scrollheight高度設定給iframe的height,這裡需要注意的是,在設定iframe高度前需要把iframe的高度清空下,具體如下:

/*** iframe 高度自適應js

*/$(document).ready(function()

parent.document.getelementbyid("contentframeid").scrolling = "no";

parent.document.getelementbyid("contentframeid").height = "";

parent.document.getelementbyid("contentframeid").style.height = "";

parent.document.getelementbyid("contentframeid").height = document.body.scrollheight + dvalue;

}if(window.iframeresize)

});

目前在ie9、8、7,谷歌,firefox瀏覽器下顯示符合要求。

IFrame高度設定

由於最近想實現網頁區域性重新整理,使用的iframe,只要給iframe賦給新的src值,便可以載入不同的頁面了。但讓人煩惱的問題也隨之而來了,那便是如何讓iframe自身的高度隨子頁面而變化。上網搜了好多方法,發現都不適用。很多人的方法都是這樣的。在iframe中設定 nl ad autoheig...

設定iframe高度自適應螢幕高度

寫在前面 最近在搭建專案前台頁面框子的時候,把iframe設定成了固定的高度,導致不同的電腦尺寸訪問的時候,高度差異較大,故查了下,將iframe設定成自動適應螢幕高度的方式,這裡記錄下。還是直接上 吧 iframe頁面內容 div class page content style iframe i...

jquery獲取 設定iframe高度

今天網頁加了個iframe 通過js制定src,但是當獲取iframe的高度時,始終顯示0 可以在iframe的width屬性設定height和width,但是動態設定,是iframe,自適應高度,應在iframe每次載入時,load完成之後根據內容改變 function 這裡的find conte...