首页
前端[Javascript] 缓动滚动代码[返回顶部]
缓动滚动代码[返回顶部]
发表于 2012-04-19 - 浏览:4037 评论:0 收藏 0
页面太长经常会有【返回顶部】这个按钮,
下面是一段实现缓动滚动到固定位置的代码。
滚动(缓动)到固定位置
var ease=function(t,b,c,d){return -c*((t=t/d-1)*t*t*t-1)+b};//缓动算法
var pos=20;
var b=document.documentElement.scrollTop,//当前页面位置
t=0,
c=pos-b,d=30;//初始值,次数,
(function(){
if(t<d){
++t;window.scrollTo(0,ease(t,b,c,d));
setTimeout(arguments.callee,15);
}else{
window.scrollTo(0,pos-1);
}
})();