Jump to named anchor without changing the history

Question

I have a page foo.html with a lot of named anchors. The user jumps from #anchor1 to #anchor2 etc. But when the user reloads the page I want only foo.html to load and not foo.html#anchorX. Also when the user hits the back button, they should be taken to the page they were on before foo.html and not back to the last anchor. Can this be done?

location.replace() takes care of the back button. But it does not solve the reload problem.

Sure, override the default click behavior of said anchors and do the scroll yourself. — Kevin B, Dec 22 '14 at 19:17
http://stackoverflow.com/a/11986374/1344 Instead of messing with `location`, scroll to the element in question. — Brian Warshaw, Dec 22 '14 at 19:19

score 1 · Accepted Answer · edited Sep 11 '22 at 22:40

1

Just put a script at the beginning of the page that deletes the hash. That way each time they refresh it just gives you foo.html.

e.g.

<head>
     <script>
       document.location.hash='';
     </script>
</head>

edited Sep 11 '22 at 22:40

desertnaut

57,590
26
140
166

answered Dec 22 '14 at 21:10

Joe Thomas

5,807
6
25
36

score -1 · Answer 2 · edited Sep 16 '22 at 03:59

-1

It is very easy:

if(location.hash)history.back();

edited Sep 16 '22 at 03:59

Willie Cheng

7,679
13
55
68

answered Sep 10 '22 at 18:03

user19966302

1

How does that jump to an anchor without changing the history? This code goes back one step in the history... – BDL Sep 16 '22 at 08:43

Jump to named anchor without changing the history

2 Answers2