How to scroll HTML page to given anchor?

javascript jquery html scroll anchor
Juha Syrjälä picture Juha Syrjälä · Jul 2, 2010 · Viewed 476k times · Source

I’d like to make the browser to scroll the page to a given anchor, just by using JavaScript.

I have specified a name or id attribute in my HTML code:

 <a name="anchorName">..</a>

or

 <h1 id="anchorName2">..</h1>

I’d like to get the same effect as you’d get by navigating to http://server.com/path#anchorName. The page should be scrolled so that the anchor is near the top of the visible part of the page.

Answer

Dean Harding picture Dean Harding · Jul 2, 2010 
function scrollTo(hash) {
    location.hash = "#" + hash;
}

No jQuery required at all!

Related questions

Keep overflow div scrolled to bottom unless user scrolls up

I have a div that is only 300 pixels big and I want it to when the page loads scroll to the bottom of the content. This div has content dynamically added to it and needs to stay scrolled all the …

Read More
How to scroll to top of page with JavaScript/jQuery?

Is there a way to control browser scrolling with JavaScript/jQuery? When I scroll my page half way down, then trigger a reload, I want the page to go pack to the top, but instead it tries to find the …

Read More
Trigger event when user scroll to specific element - with jQuery

I have an h1 that is far down a page.. <h1 id="scroll-to">TRIGGER EVENT WHEN SCROLLED TO.</h1> and I want to trigger an alert when the user scrolls to the h1, or has it …

Read More