简单的一次返回顶部相比于滚动到顶部,显然后者用户友好性更好。
实现方法1:jquery动画
$('body,html').animate({ scrollTop: 0 }, 800);
实现方法2:js实现
通过获取页面卷起的长度,每次滚动一点点,实现动画效果。
var height = $(window).scrollTop(); //获取卷起高度,方便起见使用jquery获取
var timer = setInterval(function(){
height-= 30; //每次移动30像素
if(height <=0){
height=0;
clearInterval(timer);
}
scrollTo(0,height);
} , 3); //没三毫秒进行一次移动