Scroll page to top
JavaScript, Browser · Oct 22, 2020

Smooth-scrolls to the top of the page.
- Get distance from top using
Document.documentElement
orDocument.body
andElement.scrollTop
. - Scroll by a fraction of the distance from the top.
- Use
Window.requestAnimationFrame()
to animate the scrolling.
const scrollToTop = () => {
const c = document.documentElement.scrollTop || document.body.scrollTop;
if (c > 0) {
window.requestAnimationFrame(scrollToTop);
window.scrollTo(0, c - c / 8);
}
};
scrollToTop(); // Smooth-scrolls to the top of the page