Window scrollBy() 方法
程序员文章站
2022-06-10 07:52:36
...
定义和用法
scrollBy() 方法可把内容滚动指定的像素数。
注意： 要使此方法工作 window 滚动条的可见属性必须设置为true！
语法
scrollBy(xnum,ynum)
| xnum | 必需。把文档向右滚动的像素数。 |
| ynum | 必需。把文档向下滚动的像素数。 |
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>滚动条</title>
<script>
function scrollWindow(){
window.scrollBy(100,100);
}
</script>
</head>
<body>
<script>
for (var i=0;i<50;i++)
{
document.write("第" + (i+1) + "行; ");
//输出空格，用于产生横向滚动条
for (var j=0; j<50; j++)
{
document.write(" ");
}
document.write ("<br>");
}
</script>
<input type="button" onclick="scrollWindow()" value="滚动条" />
<script>
for (var i=0;i<100;i++)
{
document.write("第" + (i+1) + "行; ");
//输出空格，用于产生横向滚动条
for (var j=0; j<100; j++)
{
document.write(" ");
}
document.write ("<br>");
}
</script>
</body>
</html>
运行效果
上一篇： plsql项目案例
下一篇： VBS一键配置VOIP脚本代码