作者whatai (多多)
看板Ajax
標題[問題] 請問如何在onload時控制ifame的scroll？
時間Fri Feb 17 15:21:30 2012
請問各位大大
我手上的案子有個需求
希望在一個web page中可以切出數個iframe（或frameset）
而每個iframe會載入不同的page
而iframe的大小是640*480
目的是希望可以看到web page中的某個位址
目前是希望在onload時可以自動調整scroll的位址
到我們所想到的位址上
但是我試了很久都沒辦法去移動scroll
可以正常觸發onload，但是卻無法控制scroll的value
小的對於javascript還不是很熟悉
還希望各位大大給予指教
以下是原始碼
PS. 下面的yahoo頁面只是作為測試
實際使用並不是要載入yahoo頁面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<script language="javascript">
function C_Func()
{
alert("C_Func");
document.getElementById("iframe1").scrollTop+=300;
//網路上的教學，但是我依然無法控制scroll
alert( document.getElementById("iframe1").scrollTop );
window.parent.document.all.iframe1.scrollTop+=300;
//同上，無法控制srcoll value
alert( document.getElementById("iframe1").scrollTop );
alert("Finsh");
//alert只作為trace使用
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>無標題文件</title>
</head>
<body >
<div style="position:relative ; overflow:hidden; height:480px "
align="center" >
<iframe id="iframe1" scrolling="yes" src="
http://tw.yahoo.com" width="640"
height="480" onload="C_Func()" > </iframe>
</div>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.251.110.174
※ 編輯: whatai 來自: 60.251.110.174 (02/17 15:22)
※ 編輯: whatai 來自: 60.251.110.174 (02/17 15:24)
※ whatai:轉錄至看板 Web_Design 02/17 15:32
1F：推 Crow22312:無法控制是因為 domain 不同吧(?) 02/17 16:40
3F：→ Crow22312:時候多框一層可能能達到效果, 但是應該很怪就是 02/17 16:44
4F：→ Crow22312:(第一個答案的最後一個討論裡面) 02/17 16:45
5F：→ whatai:可以控制了 謝謝大大 02/17 17:03