Scroll to top of page

Question

Is there a simple way to force the browser to scroll to the top if a button is clicked?

I have tried

jQuery('html').scrollTop();
jQuery('body').scrollTop();
jQuery(window).scrollTop();

None of them seem to scroll to the top of the page.

Answer 1

Due to cross browser oddness, some browsers will respond to 'html' and some to 'body'. And maybe its just my luck, but .scrollTop(0) has never worked for me to move the page. Give this a shot:

jQuery('html,body').animate({scrollTop:0},0);

This version is tested and cross browser for all desktop browsers, and mobile devices.

Answer 2

Simple pure javascript, also works in mobile

window.scrollTo(0,0);

Answer 3

You can use either this:

jQuery('body').scrollTop(0);

or this:

jQuery(window).scrollTop(0);

or finally this:

jQuery('html').scrollTop(0);

So, in order to call the scrollTop method and make your page scrolling you should pass an argument with the numeric value representing the scrollTop position. Otherwise it will work as if you need to get the scrollTop position.

Two last methods should work constantly in all browsers, while the first might not work in some versions of IE.