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;
         });
         }