回到首页滚动特效
Posted 烦嚣的人
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了回到首页滚动特效相关的知识,希望对你有一定的参考价值。
简单的一次返回顶部相比于滚动到顶部,显然后者用户友好性更好。
实现方法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); //没三毫秒进行一次移动
以上是关于回到首页滚动特效的主要内容,如果未能解决你的问题,请参考以下文章