Desplazamiento con animación

Question

Necesito ejecutar el método javascript scrollTo (x, y) con animación. No puedo usar jQuery para hacerlo.

Answer 1

Puede animar (casi) cualquier cosa en Javascript utilizando las llamadas window.setTimeout() y window.clearTimeout(). Ver http://www.w3schools.com/js/js_timing.asp

Answer 2

[Working demo]

function interpolate(source,target,pos) { 
    return (source + (target - source) * pos); 
} 

function easing(pos) { 
    return (-Math.cos(pos * Math.PI)/2) + 0.5; 
} 

function scrollTop(duration) { 

    duration = duration || 1000; 

    var startY = window.pageYOffset, 
     start = Number(new Date()), 
     finish = start + duration; 

    var interval = setInterval(function() { 

    var now = Number(new Date()), 
     pos = (now > finish) ? 1 : (now - start)/duration; 

    scrollTo(0, interpolate(startY, 0, easing(pos))); 

    if (now > finish) 
     clearInterval(interval); 
    }, 15); 
};