※ 本文為 shimuraken 轉寄自 ptt.cc 更新時間: 2013-04-11 00:28:23
看板 Web_Design
作者 標題 Fw: [問題] iframe 自動調整高度 (chrome失效)
時間 Tue Feb 5 08:50:18 2013
※ [本文轉錄自 Ajax 看板 #1H3uROm- ]
看板 Ajax
作者 標題 [問題] 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)
→ :解決了....1F 02/05 09:40
→ :多加一行 iframeid.height=0;
※ 編輯: sin282 來自: 218.210.231.212 (02/05 09:44)→ :多加一行 iframeid.height=0;
--
※ 看板: 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
回列表(←)
分享