x
首页 前端[Javascript] 缓动滚动代码[返回顶部]

缓动滚动代码[返回顶部]

发表于 2012-04-19 - 浏览:4157 评论: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);

        }

    })();
    

文章评论。。。