設定iframe的高度和控制其所在層的邊框動態顯示

2021-06-01 09:48:12 字數 406 閱讀 2868

檔案使用了模板頁,可以將中間部分剝離出來.

要實現的效果如下:

上圖中的樹形目錄與右側的操作介面中間的分隔線的如何顯示:

分隔線的左側是乙個div層,其內嵌乙個iframe框架,因此它的高度是動態的,而分隔線的右側也是乙個巢狀了iframe的div層,隨著顯示的不同介面,其高度也是動態變化的,那麼分隔線的顯示應該使用高度最高的那乙個層的邊框線,下面就是確定哪乙個div層的高度最高.

組織架構

οnlοad='setcwinheight(this);' scrolling="no"

width="218px">

οnlοad='setcwinheight(this);'

scrolling="no" style="width: 496px">

IFrame高度設定

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

設定iframe的高度

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

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

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