回到首页滚动特效
简单的一次返回顶部相比于滚动到顶部,显然后者用户友好性更好。
实现方法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); //没三毫秒进行一次移动