https://pdf.bookhub.tech/books.html
实例说明
本实例实现在打开页面,当页面出现纵向滚动条时,页面中的内容将从上向下进行滚动。
技术要点
本例主要是使用 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>
发表回复