页面自动滚动

实例说明

本实例实现在打开页面，当页面出现纵向滚动条时，页面中的内容将从上向下进行滚动。

技术要点

本例主要是使用 window 对象的 scroll（）方法指定窗口的当前位置。下面对 scroll（）方法进行详细说明。

scroll（）方法的语法格式：

scroll(x,y);

参数说明如下。

x：屏幕的横向坐标
y：屏幕的纵向坐标

功能：指定窗口滚动坐标的位置。

实现过程

用于实现功能的主页面 index.html。

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title></title>  
    <script type="text/javascript">  
    var position = 0;  
    function scroller()  
    {  
        if(true)  
        {  
            position++;  
            scroll(0,position);  
            clearTimeout(timer);  
            var timer = setTimeout("scroller()",10);  
        }  
    }  
    scroller();  
    </script>  
</head>  
<body>  
    <img src="new.jpg"/><br/>  
    <img src="new.jpg"/><br/>  
    <img src="new.jpg"/><br/>  
    <img src="new.jpg"/><br/>  
</body>  
</html>