台灣最大程式設計社群網站
線上人數
1614
 
會員總數:246631
討論主題:190057
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> iframe 全展開
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
iframe 全展開
價值 : 5 QP  點閱數:3368 回應數:3
樓主

町風
初學者
229 213
1974 203
發送站內信

iframe的基本設定,高度給他100%,頁面不會全部展開
如何讓iframe高度全展開呢?


本篇文章發表於2015-05-26 10:17
1樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
基本的css問題,高度100%是沒有意義的
請用js去抓取螢幕顯示高度,然後將iframe的高度變更為該高度
例如

這個就能讓iframe變成和瀏覽器畫面一樣大小,當然寬度你得設定為100%
本篇文章回覆於2015-05-26 11:34
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

町風
檢舉此回應
感謝~

可是這是抓瀏覽器大小,不是Iframe所嵌入的網頁高度,
目的是嵌入的網頁可以全都展開,可以看到整頁不用捲軸,也不會被卡一半。
本篇文章回覆於2015-05-26 11:53
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
上網google一下「js 高度」就能找到很多介紹抓高度的文章吧
例如:http://www.dotblogs.com.tw/aquarius6913/archive/2011/01/03/20538.aspx
不過樓主的問題要抓的是iframe中的高度,所以再google一下「js iframe 內容」,可以找到如何用js取得iframe內容的文章
例如:http://www.neatstudio.com/show-1462-1.shtml
綜合一下

雖然問題只有問高度部分,不過實際上必須連同寬度一同調整,否則當iframe的寬度不足時,會因為下方出現捲軸導致高度不足,連帶的左側也會出現捲軸
另外,要抓取iframe的內容還有一個限制,就是必須是同網域的頁面,否則是不會有作用的
本篇文章回覆於2015-05-27 09:39
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.