原文:iframe的內容增高或縮減時設置其iframe的高度的處理方案

WEB管理軟件往往是如下結構的 用戶點擊子頁tab切換中部的顯示內容,在切換過程中需要保證前面的子頁保持先前的狀態。這種情況一般都使用iframe來來作為切換的子頁顯示內容。 但是這里有一個問題,iframe不能做高度 height 的自適應。理想狀態是當iframe高度超過中部內容顯示區的高度的時候iframe自動增高,這樣主頁面會出現滾動條來做適應。處理方式即不斷計算iframe內部元素高度 ...

2015-12-15 18:32 3 8480 推薦指數:

查看詳情

iframe根據子頁面的內容設置高度

由於瀏覽器安全原因以下的contentDocument 和contentWindow 對象必須起一個頁面服務(通過域名或ip地址來訪問)並且得保證父頁面與子頁面是在同一域名下,不然是會報錯的 contentDocument 可以獲得iframe子窗口的document對象,兼容ie8+ ...

Sun Jan 12 06:20:00 CST 2020 0 2367
iframe高度根據內容變化

我們在使用iframe的時候,iframe高度並不會根據內容的多少來改變它的高度,如何讓它根據內容來改變它的高度呢?在網上也找了好多代碼,覺得下面這段代碼是最有效的: html的源代碼如下,index.html是你要引用的頁面: Save Save ...

Sat Oct 15 22:59:00 CST 2016 0 4222
iframe 根據內容自適應高度-終極解決方案

第一中方法: 在子頁面加載完畢的時候執行 parent.document.getElementById("iframe").height=0; parent.document.getElementById("iframe").height=document.body.scrollHeight ...

Thu Jul 09 06:10:00 CST 2020 0 1023
iFrame根據里面的內容高度

<iframe src="member/membercenteraction" frameborder="0" scrolling="no" name="iframepage" width="100%" id="iframepage" onload="this.height=400 ...

Wed Sep 02 01:01:00 CST 2015 0 3982
JS獲取IFRAME內容高度

以上是案例,創建了IFRAME,並設置IFRAME高度 獲取高度:document.getElementById('Iframe的ID').contentWindow.document.body.scrollHeight; ...

Mon Jan 16 18:59:00 CST 2012 2 3328
設置iframe高度自適應屏幕高度

寫在前面:   最近在搭建項目前台頁面框子的時候,把iframe設置成了固定的高度,導致不同的電腦尺寸訪問的時候,高度差異較大,故查了下,將iframe設置成自動適應屏幕高度的方式,這里記錄下。   還是直接上代碼吧   黃色標記的代碼部分就是主要的。首先將iframe高度 ...

Sat Jul 07 17:02:00 CST 2018 0 5531
讓動態的 iframe 內容高度自適應

使用iframe加載其他頁面的時候,需要自適應iframe高度 這里加載了兩個不同內容高度的頁面至iframe中 1. 沒有設置高度 默認長這樣 有滾動條,可以看到iframe並不會因為內容高度自動撐開 2. 顯示地設置高度 ...

Thu Nov 10 22:50:00 CST 2016 2 44766
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM