window.scrollBy()方法使用示例

ChengKing

于 2006-01-07 21:25:00 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： (K)JavaScript学习/技巧文章标签： button javascript border function table html

本文链接：https://blog.youkuaiyun.com/ChengKing/article/details/573135

(K)JavaScript学习/技巧专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种利用JavaScript中的window.scrollBy()函数来控制网页上下左右滚动的方法，并提供了一个具体的示例代码，通过按钮点击触发不同方向的滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(一).示例图片效果

(二).代码
<html>
<head>
<title>window.scrollBy()函数</title>
<script laguage="javascript">
function MoveWindow(sign,value1)
{
var y;
var x;
if (sign == "ver"){
x=0;
y=value1;
}
else{
y=0;
x=value1;
}
window.scrollBy(x,y);
}
</script>
</head>
<body bgcolor="#6699ff" text="#000000">
<form>
<table border=0 align=center>
<tr>
<td colspan=4 align=center bgcolor=lightgreen><font color=blue size=3>控制窗体移动</font></td></tr>
<tr>
<td><input type=button value="down" onclick=MoveWindow("ver",10) style="background-color:blue;color:lightblue"></td>
<td><input type=button value="up" onclick=MoveWindow("ver",-10) style="background-color:blue;color:lightblue"></td>
<td><input type=button value="left" onclick=MoveWindow("hor",10) style="background-color:blue;color:lightblue"></td>
<td><input type=button value="right" onclick=MoveWindow("hor",-10) style="background-color:blue;color:lightblue"></td>
</tr>
</table>
</form>
</body>
</html>