while reloading a page it automatically retaining the scroll position of page how it is happening?

Question

When a page is reloaded, it automatically retains the scroll position. How is it happening?

I need the page to scroll back to the top on each reload.

Possible duplicate of [HTML - force page scroll position to top at page refresh](http://stackoverflow.com/questions/3664381/html-force-page-scroll-position-to-top-at-page-refresh) — ErTR, Mar 16 '17 at 10:34
@YounesM if there is a anchor, will it maintains the scroll position ? — Mahi, Mar 16 '17 at 10:37
@Mahi yes on reload it will move to the anchor. But what Archer said is true, Chrome seems to keep track of scroll position on its own. — YounesM, Mar 16 '17 at 10:42

score 2 · Answer 1 · answered Mar 16 '17 at 10:31

2

Add this to your page between <script> tags:

window.onbeforeunload = function () {
  window.scrollTo(0, 0);
}

This will reset the scroll position when the page is about to unload.

answered Mar 16 '17 at 10:31

Gorka Hernandez

Can I know how it automatically retaining in the scroll position ? – Mahi Mar 16 '17 at 10:34
1

The browser, like Chrome, is built or coded this way: it will remember the position where you were before reloading. – Manuel Cheța Mar 16 '17 at 10:38
1

As @ManuelCheța said, this is browser implementation specific and is done automatically. You have no control over it, but can work around it. – Gorka Hernandez Mar 16 '17 at 11:15

1 Answers1