原文:如何讓iframe框架和主頁面共用一個滾動條(也稱為:iframe高度自適應問題)

最近在前端頁面遇到了一個問題,我在一個頁面中利用iframe框架引入了一個頁面進來,但是這個頁面的高度是不叫高的,高出電腦屏幕很多, 所以就引發了iframe框架一個滾動條,然后主頁面一個滾動條,這樣頁面就出現了兩個滾動條。在網上查了好久,一直沒有好的方法,直到我在 網上看到了iframe高度自適應,才解決了這個問題。 自適應的意思是,iframe框架的高度自動適應引入的HTML文件的內容高度,顯 ...

2019-08-09 10:23 0 643 推薦指數:

查看詳情

關於iframe頁面高度自適應問題

iframe在實際開發中應該算是比較常見的,在一些情況下iframe高度是不確定,甚至是時時變化的 一般這種情況會有下面幾種情況: 1、父頁面iframe頁面在同一個域下,這種情況最好解決。在iframe頁面里通過window.parent即可定位到父頁面的window對象 ...

Sat Apr 28 23:38:00 CST 2012 3 7832
總結iframe高度自適應自適應頁面高度

在網上找了很多iframe高度自適應,發現很多兼容性都不是很好,於是自己總結了一下。 子頁面html節點上要有下面紅色部分,不然ie瀏覽器會無限遞增 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...

Thu Mar 29 17:16:00 CST 2012 56 114583
頁面嵌套iframe時,怎樣讓iframe高度根據自身內容高度自適應

總體思路是這樣的,因為iframe頁面的內容是動態加載的,而且電腦屏幕寬度發生變化時,也得相應的去改變iframe標簽的高度(如果高度確定就不用這么麻煩了); 首先,我們在父頁面中定義一個方法,用來改變iframe標簽的高度;在iframe中的頁面中,當內容加載號之后去調用父頁面匯總的這個方法 ...

Wed Oct 16 19:49:00 CST 2019 0 985
iframe高度自適應

前兩天在網上看到了一道面試題,問iframe高度自適應問題。發現自己之前幾乎沒有關注過iframe問題,所以在這里記錄一下。 原題目是: 頁面A的域名是:http://www.taobao.com,頁面B的域名是http://www.tmall.com,如果A使用iframe引用頁面B ...

Thu Dec 29 23:01:00 CST 2016 0 1518
iframe框架頁中的高度自適應

【轉載】框架頁中的高度自適應:   在實際使用iframe的過程中,會遇到iframe高度問題。由於被嵌套的頁面大小不固定而出現滾動條。采用JavaScript來控制iframe元素的高度,讓iframe高度自適應。另外,由於JavaScript對不同域名下權限 ...

Fri May 06 21:25:00 CST 2016 0 5138
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM