Linking to a specific scroll position on a web page

Question

Is it possible to create a hyperlink to a specific scroll position on a web page? For example, I'd like to create a link to http://www.stackoverflow.com/, but with the page scrolled down 100 pixels.

Answer 1

The only way to link to somewhere in-page is via an anchor point already present in the page.

This created using the <a></a> tag. Note the the link specified in "anchor point" has #h-12.2 at the end. This corresponds to <a name="h-12.2">12.2</a> enbedded in the html forming the page, and when clicked will reposition the page view to this anchor.

Answer 2

Similar to Paul's answer, you can also link to the first occurrence of a tag ID in an HTML document. This won't be an exact number of pixels though.

For example, link/scroll to this page's question or answers.

Answer 3

You can scroll to a given position using the jQuery scrollTo plugin. If you have a look on its demo page, you'll see that the plugin is capable of many different options, including scrolling to a certain position. That would mean you'd have to control the target's JavaScript, though, so this might not be suitable for a link to an external site.