作者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