Slow down scroll to top event by jQuery animate

Question

I'd like my page to go to the top when certain anchor is clicked.

Here is how I tried to do it but it's not working, it's scrolling super fast.

 $('a[href=#top]').click(function () {         $('body').animate({                 scrollTop: 0         },         50); }); 

I want to slow it down.

Answer 1

$('a[href=#top]').click(function(){     $('html, body').animate({scrollTop:0}, 'slow'); }); 

Perhaps?

Answer 2

When you pass 50 as the second parameter to animate, that is 50 milliseconds. See the animate documentation. Either pass a larger number, or as c0mrade suggested, simply pass 'slow' .