jquery - Animated return to top of page on click

Question

I want to animate a scroll effect to take a user to the top of the page when clicking on an element. A bit like anchoring to the top of the page but smoother.

I've seen this done (can't remember where though).

Does anyone know how this can be done?

Answer 1

you can try this:

 $('#somewhere').click(function(){
   $('html, body').animate({scrollTop:0}, 'slow');
 });

Answer 2

You want to .animate() the scrollTop property to 0, like this:

$("html, body").animate({ scrollTop: 0 }, 500);