周末无事，便写了一个简约的scrollTop插件。在前面的文章（jQuery:Scrolltop滑动插件推荐（修正注释版））中，我曾介绍过一款我在网络收集的相关插件。但发现该作者的代码确实很繁琐，不是很优雅。而我的该scrollTop插件代码就那么十多行，代码非常简单，也非常实用，适合大众使用！

这也是算是我的jQuery插件开发之旅的开端吧，以后一有机会我就会陆续开发一些自己的插件，也尽量写一些简约的插件与大家分享。也希望有这方面的朋友可以多多交流。话不多说，上插件！

downloaddemo

插件代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

jQuery.fn.extend({
 
	scrollTop: function(params) {
 
		// 给出默认的参数值
		// 默认情况下，不传参数，没有滑动效果：scrollAnimation = false
		// 若只传一个参数scrollAnimation: true,则默认的速度是500
		var scrollAnimation = false, speed = 500;
 
		if(params != null) {
			scrollAnimation = params.scrollAnimation;
			speed = params.speed;
 
			if(speed == null || speed == 'normal') {
				speed = 500;
			} else if(speed == 'fast') {
				speed = 200;
			} else if(speed == 'slow') {
				speed = 2000;
			};
		};
 
		this.click(function() {
			if(!scrollAnimation) {
				window.scrollTo(0, 0);
			} else {
				$('html, body').animate({scrollTop: '0'}, speed);
			};
 
			return false;
		});
	}
 
});

参数说明：

1. scrollAnimation 为布尔型， 控制是否需要动态滑动， 可选值：ture、false
2. speed 控制滑动速度，只有scrollAnimation设置为true时才起到作用， 可选值：slow、normal、fast、任意数字

使用方法：(假设有html文档中一个class为top的标签)

1. 直接跳到顶部:
$(‘.top’).scrollTop();

2. 以默认的速度滑行到顶部:
$(‘.top’).scrollTop({‘scrollAnimation’: ‘true’});
或 $(‘.top’).scrollTop({‘scrollAnimation’: ‘true’, ‘speed’: ‘normal’});

3. 自定义速度滑行到顶部：可选值：slow、fast、任意数字
$(‘.top’).scrollTop({‘scrollAnimation’: ‘true’, ‘speed’: ‘slow’}); 移动到顶部的时间为2000毫秒
$(‘.top’).scrollTop({‘scrollAnimation’: ‘true’, ‘speed’: ‘fast’}); 移动到顶部的时间为200毫秒
$(‘.top’).scrollTop({‘scrollAnimation’: ‘true’, ‘speed’: ’1000′}); 移动到顶部的时间为1000毫秒

总结：

该插件的好处是无需在html源文件的头部添加任何标签，只需调用方法即可实现效果！

另外，jQuery库请使用者自行根据路径添加…