Prevent automatic browser scroll on refresh

Question

If you go to a page a and scroll around then refresh the page will refresh at the spot where you left it. This is great, however this also occurs on pages where there is a anchor location in the url. An example would be if you clicked on a link http://example.com/post/244#comment5 and refreshed the page after looking around you would not be at the anchor and the page jumps around. Is there any way to prevent this with javascript? So that no-matter-what you would always navigate to the anchor.

Answer 1

On Chrome, even if you force scrollTop to 0 it will jump afterwards after the first scroll event.

You should bind the scroll to this:

$(window).on('beforeunload', function() {     $(window).scrollTop(0); }); 

So the browser is tricked to believe that it was on the beginning before the refresh.

Answer 2

To disable automatic scroll restoration just add this tag to head section.

<script>history.scrollRestoration = "manual"</script> 

It's not supported by IE. Browser compatibility.