Sometimes, we want to force page scroll position to the top at page refresh with HTML and JavaScript.
In this article, we’ll look at how to force page scroll position to the top at page refresh with HTML and JavaScript.
How to force page scroll position to the top at page refresh with HTML and JavaScript?
To force page scroll position to the top at page refresh with HTML and JavaScript, we set the beforeunload
property to a function that scrolls to the top of the page.
For instance, we write
window.onbeforeunload = () => {
window.scrollTo(0, 0);
};
to set window.onbeforeunload
to a function that calls window.scrollTo
with 0 and 0 to scroll to the top of the page when the page is going to refresh.
Conclusion
To force page scroll position to the top at page refresh with HTML and JavaScript, we set the beforeunload
property to a function that scrolls to the top of the page.