顯示廣告
隱藏 ✕
※ 本文為 shimuraken 轉寄自 ptt.cc 更新時間: 2013-04-11 00:28:23
看板 Web_Design
作者 sin282 (@興...)
標題 Fw: [問題] iframe 自動調整高度 (chrome失效)
時間 Tue Feb  5 08:50:18 2013


※ [本文轉錄自 Ajax 看板 #1H3uROm- ]

看板 Ajax
作者 sin282 (@興...)
標題 [問題] iframe 自動調整高度 (chrome失效)
時間 Mon Feb  4 18:00:52 2013


google了如何自動調整iframe高度的方法,確定以下語法在ie & FF可行
但使用Chrome測試時,只有高度變高時才會改變

如果現在改變的iframe高度低於改變前的,則無效果,會留一片白底~
alert進行測試,發現 iframeid.contentDocument.body.offsetHeight
只會在變高時改變~

請問一下有辦法高度縮小時讓Chrome也即時抓取iframe的高度嗎? 感恩

Father.htm 裡頭有個iframe ID="content"
Father.htm 裡有四五個按鈕點擊後連結會反應在content裡.
iframe的onload="SetCwinHeight();"

<script>
function SetCwinHeight()
{
var iframeid=document.getElementById("content"); //iframe id
  if (document.getElementById)
  {
   if (iframeid && !window.opera)
   {
    if (iframeid.contentDocument &&
iframeid.contentDocument.body.offsetHeight)
     {
         //ff
       iframeid.height=0; // 加了就解決了

       iframeid.height = iframeid.contentDocument.body.offsetHeight;
     }else (iframeid.Document && iframeid.Document.body.scrollHeight)
     {
         //ie
       iframeid.height = iframeid.Document.body.scrollHeight;
      }
    }
   }
}
</script>

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.210.231.212
※ 編輯: sin282          來自: 218.210.231.212      (02/05 08:47)
※ 編輯: sin282          來自: 218.210.231.212      (02/05 08:48)

※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: sin282 (218.210.231.212), 時間: 02/05/2013 08:50:18
※ 編輯: sin282          來自: 218.210.231.212      (02/05 09:05)
※ 編輯: sin282          來自: 218.210.231.212      (02/05 09:15)
sin282:解決了....1F 02/05 09:40
sin282:多加一行 iframeid.height=0;
※ 編輯: sin282          來自: 218.210.231.212      (02/05 09:44)

--
※ 看板: Ken-channel 文章推薦值: 0 目前人氣: 0 累積人氣: 1187 
1樓 時間: 2013-10-04 14:46:53 來自: 123.193.42.173 (台灣)
guest
  10-04 14:46 TW
我也遇到同樣的問題,但試了你的解決方式還是不行,請問你的html裡面的iframe有寫甚麼語法嗎?
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇
看板名稱: 確定(Enter) 取消(Esc) 搜尋(Space)
查詢帳號: 確定(Enter) 取消(Esc) 搜尋(Space)
搜尋: m)m文 b)進板 c)未分類 a)作者 /)標題 q)取消?[q]

搜尋 送出(Enter) 取消(Esc)

回覆文章至: f)看板 m)作者信箱 b)兩者皆是 q)取消?[f]
要引用原文嗎? y)引用原文 n)不引用 a)全部回覆 r)複製原文 q)取消?[y]
轉錄本文章於看板: 1)使用連結 2)使用複製 q)取消 ?[1]
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc) 全部(a)

確定要刪除這篇文章?(可按大U救回) 確定(Enter) 取消(Esc)

刪除理由:

確定(Enter) 取消(Esc)
加到這個分類: 確定(Enter) 下一層(→) 回上層(←) 取消(Esc)
你覺得這篇文章: 1)真讚 2)真瞎 q)取消?[1] (再選一次即可收回)
你覺得這篇文章: 1)值得推薦 2)表示反對 3)單純註解 q)取消?[3]
guest
預覽(Enter) 取消(Esc)
上傳圖片
按ctrl+Enter可輸入下一行。
guest
確定要送出? 確定(Enter) 取消(Esc) 繼續(e)
搜尋: 送出(Enter) 取消(Esc)

▏▎▍▌▋▊▉ 請按任意鍵繼續