Menu
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.
572
A hash - `#` within a hyperlink specifies an HTML element id to which the window should be scrolled. href="#some-id" would scroll to an element on the current page such as <div id="some-id"> .
The Location Hash property in HTML is used to return the anchor part of a URL. It can also be used to set the anchor part of the URL. It returns the string which represents the anchor part of a URL including the hash '#' sign. Syntax: It returns the hash property.
hash. The hash property of the URL interface is a string containing a '#' followed by the fragment identifier of the URL. The fragment is not percent-decoded. If the URL does not have a fragment identifier, this property contains an empty string — "" .
Just append a hash with an ID of an element to the URL.
You need to put named anchors on page2.html, like so:
<a id="1"></a> … <a id="2"></a> … <a id="3"></a> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
