1, 假设返回顶部的按钮的class名为bkt。
那么下面代码的作用是,当页面滚动1000px之后,渐入显示。
那么滚动距离小于1000px,就是渐出隐藏。
(需要默认的时候就要通过css把bkt按钮隐藏起来。)

$(window).on("scroll",function () {
	var backtop = $(".bkt");
	if ($(this).scrollTop() > 1000) {
		backtop.stop().fadeIn(300);
	} else {
		backtop.stop().fadeOut(300);
	}
});

2,下面几段代码的作用是点击bkt按钮后,让页面自动滚动到顶部。
滚动时,时间曲线为:easeOutQuint。

需要注意的是,使用时间曲线时一定要在这之前调用jQuery Easing框架。

$(".bkt").on("click",function () {
	$('body,html').animate({
		scrollTop: 0
	},1600, 'easeOutQuint');
	return false;
});
本篇文章相关标签: