JavasScript ping to top of page?

Question

Hi,

Is there a way to push the browser back to the top of the page when a link is clicked? I am dynamically changing some content but the project needs the user to start at the top of the page when the new content is loaded.

I am already using the url hash tag to keep track of the history. Just looking for some type of javascript function to do this.

Answer 1

What you probably want is scroll(0,0).

As a link:

<a href="javascript:scroll(0,0)">back to the top</a>

Or just the javascript itself (integrated in a function):

function onContentLoad() { 
  scroll(0,0);
}

For further reference: http://developer.mozilla.org/en/window.scroll http://msdn.microsoft.com/en-us/library/

Answer 2

You could create an anchor at the top of the page wether it contain text or not. Then on your link have to refer to the anchor.

Example:

Create an anchor:

<a name="tips">Useful Tips Section</a>

or

<a name="top"></a>

Then create a link to said anchor:

<a href="#tips">Visit the Useful Tips Section</a> 

or

<a href="#top">Go to top.</a>

Ta da.

Answer 3

inflagranti's answer is right about the way to do it using javascript.

If you use jQuery you can also animate the scroll to top action.

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