scrollBy的用法

来源：互联网发布：网络万能钥匙编辑：程序博客网时间：2024/05/20 02:27

谢谢！

原文地址：scrollBy的用法作者：全力以赴PHP

用法一：实现自动阅读
<html>
 <head>
 <title>范例9-16</title>
 <body>
 <script language="javascript">
 setInterval( "ScroWin()", 10); //设定计时器
 functionScroWin() //定时器函数
 {
 window.scrollBy( 0, 1); //向上滚动1px
 }
 </script>

 <hr /> 
 浏览器中的内容大于其显示区域时， 
 一般会出现滚动条方便查看被遮挡的内容。 
 用户可以拖动滚动条，也可以通过程序来控制窗口的滚动。 
 调用window对象的scrollBy或scrollTo方法即可滚动文档， 
 在一些设计比较人性化的文章阅读页面上就看到这样的应用， 
 文章自动上滚，方便阅读 
 </body>
</html>

------------------------------------------------------------------------

用法二：让页面向上移动

HTML DOM scrollBy() 方法

HTML DOMWindow 对象参考手册

定义和用法

scrollBy() 方法可把内容滚动指定的像素数。

语法

scrollBy(xnum,ynum)

参数描述xnum必需。把文档向右滚动的像素数。ynum必需。把文档向下滚动的像素数。

<html>
<head>
<script type="text/javascript">
function scrollWindow()
{
window.scrollBy(100,100)
}
</script>
</head>
<body>

<input type="button" onclick="scrollWindow()"value="Scroll" />
SCROLL SCROLL SCROLL SCROLL SCROLLSCROLL SCROLL SCROLL
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
SCROLL SCROLL SCROLL SCROLL SCROLLSCROLL SCROLL SCROLL
 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
SCROLL SCROLL SCROLL SCROLL SCROLLSCROLL SCROLL SCROLL

</body>
</html>