Search code examples
htmlanchor

How do I load a page and get it to open at a certain location of the loaded page?


For example, lets say I have page1.html, which has 3 links

<a href="page2.html#1">1</a>
<a href="page2.html#2">2</a>
<a href="page2.html#3">3</a>

on page2.html, I have those links on the page also, i.e.

<a href="page3.html#1">1</a>
<a href="page3.html#2">2</a>
<a href="page3.html#3">3</a>

but when I click on the #2 or #3 link from page1.html, they always open at the top of the page, even though #2 and #3 are off the screen on page2.html which need to be scrolled down to to be seen.

Not sure what I am doing wrong.


Solution

  • You need to put named anchors on page2.html, like so:

    <a id="1"></a>
    …
    <a id="2"></a>
    …
    <a id="3"></a>