JavaScript 缓动效果

 Math.easeout = function (A, B, rate, callback) {
            if (A == B || typeof A != 'number') {
                return;    
            }
            B = B || 0;
            rate = rate || 2;
            
            var step = function () {
                A = A + (B - A) / rate;
                
                if (A < 1) {
                    callback(B, true);
                    return;
                }
                callback(A, false);
                setTimeout(step,100);    
            };
            step();
        };
    /*
    其中：        
        A是起始位置；
        B是目标位置；
        rate是缓动速率；
        callback是变化的位置回调，支持两个参数，value和isEnding，表示当前的位置值（数值）以及是否动画结束了（布尔值）；
        于是，我们的返回顶部效果可以这么使用：
    */
        var doc = document.body.scrollTop? document.body : document.getElementById("box-2");
        doc.onclick = function(){
        Math.easeout(doc.scrollTop, 0, 4, function (value) {
            doc.scrollTop = value;
        });
        }