html anchor links

Question

I want there to be anchor links on a webpage where when I click on the link, it brings me to a certain part of the webpage.

However, when the user click the back page button, it is now bringing the user to the previous part of the page, instead of the previous page.

How should I implement the link so that it does bring the user to the previous page instead of the previous part of a page?

<a href="#some part">link</a>

Messing with the way history works is usually a bad idea. Users expect things to be consistent. — Quentin, Apr 21 '11 at 18:47

score 5 · Accepted Answer · edited May 23 '17 at 12:06

5

I wonder if you could do something like what is described in the top answer of this post. Put the following into the 'onclick' of your anchor, and it'll scroll to your div of choice, without changing the URL (and hence preserving back-button functionality).

document.getElementById('youridhere').scrollIntoView();

Don't forget to take out the "href=#somepart".

edited May 23 '17 at 12:06

Community

1
1

answered Apr 21 '11 at 18:47

dizzwave

4,013
1
19
16

1

don't forget to finish the event handler with event.preventDefault and/or event.stopPropagation – Anony372 Apr 21 '11 at 19:03

score 3 · Answer 2 · answered Apr 21 '11 at 18:43

3

That is how the anchor tags work. Your best bet is to read here and use it to remove your anchor jumps from browser history.

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

answered Apr 21 '11 at 18:43

austinbv

9,297
6
50
82

html anchor links

2 Answers2