回 帖 发 新 帖 刷新版面

主题:文档自动下移解决方法.

<html>
<head><title>移动网页窗口</title></head>
<script language="javascript">
function yidong(){
 window.scrollTo(0,30);
}
</script>
<body>
<a href="#" onClick="yidong()">移动</a>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
脚本的意思是,点击下 就下移30的距离,但是这里 点下下移又很快就自动的恢复了.因该怎么解决这个问题啊.

回复列表 (共3个回复)

沙发


这样试一下:
<a href="javascript:window.scroll(0,30);">移动</a>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

板凳

你这样可以但要是我这样写:
function yidong(){
 window.scroll(0,30);
}
</script>
<a href="#" onClick="yidong()">移动</a>
这样写的话.下移又很快就会恢复到原位,这是怎么回事啊。

3 楼

本身# 可以到达当前文档的首部,而onClick事件优先执行,所以你看到的就是先到达30坐标的位置,然后立即又到达首端位置(执行#)的原因了。

我来回复

您尚未登录,请登录后再回复。点此登录或注册