在页面刷新时重置滚动位置，在现代浏览器上不起作用

Question

I'm trying to reset browser scroll position on refresh and apparently it didn't work or ain't possible with modern browsers, am I wrong?

The code:

$(window).on('beforeunload', function() {
$('html, body').scrollTop($('#scroll-to-div-id-anchor').offset().top); });

Maybe I'm handling this incorrectly and there is another way to achieve that?

I tried all variations and possible options to this code, but it didn't work on Safari and Chrome (both on desktop and, especially - mobile).

Answer 1

If you want the page to move to a certain element on reload, the expected behavior is to move the page to that point once it has been loaded. If you tried to move the page before it has been loaded, you won't know where you have to scroll to and if you tried to move it on unload, it's not guaranteed that that point will be saved once it's reloaded.

You can probably save the scroll location to the localStorage on unload and attempt to load the location onload, but in this case I would recommend just moving the page onload.

 $(document).ready(function() { $('html, body').scrollTop($('#scroll-to-div-id-anchor').offset().top); });