window.scrollTo 方法并非每次都有效 - JavaScript

Question

I am working on a website feature that stores the user scroll position ( window.pageYOffset ) into a cookie and scrolls to it whenever the user is redirected to another link so user can continue where he left off.

Using a window.scrollTo method, however, works only sometimes. I was trying to put it in window.onload as well as in JQuery's $(document).ready() events, it mostly scrolls succesfully to desired position, but sometimes it just scrolls all the way to the top for no reason at all.

Note that the cookie is updated with window.onscroll method, which may not be the best practice and the problem may be caused by that.

Current code:

try {
   window.scrollTo(parseInt(getCookie("scrollY")), 0);
} catch (err) {
   console.log("Couldn't scroll");
}

window.onscroll = () => {
   document.cookie = "scrollY=" + Math.round(window.pageYOffset);
};

Answer 1

I am working on a website feature that stores the user scroll position ( window.pageYOffset ) into a cookie and scrolls to it whenever the user is redirected to another link so user can continue where he left off.

Using a window.scrollTo method, however, works only sometimes. I was trying to put it in window.onload as well as in JQuery's $(document).ready() events, it mostly scrolls succesfully to desired position, but sometimes it just scrolls all the way to the top for no reason at all.

Note that the cookie is updated with window.onscroll method, which may not be the best practice and the problem may be caused by that.

Current code:

try {
   window.scrollTo(parseInt(getCookie("scrollY")), 0);
} catch (err) {
   console.log("Couldn't scroll");
}

window.onscroll = () => {
   document.cookie = "scrollY=" + Math.round(window.pageYOffset);
};