Skip to content

Scroll page to top

Smooth-scrolls to the top of the page.

Get distance from top using Document.documentElement or Document.body and Element.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

More like this

Collection · 4 snippets
Browser Scrolling with JavaScript

Learn how to manipulate the scroll position of your website with JavaScript and make your website stand out.
JavaScript · February 10, 2024
How do I use JavaScript to modify the URL without reloading the page?

Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
JavaScript · March 2, 2024
Use JavaScript to listen and handle scroll stop events

Use some clever JavaScript tricks to listen for and handle scroll stop events in the browser.
JavaScript · May 14, 2023
How can I use JavaScript to reload the page?

Need to reload the current page using JavaScript? Here's the best way to do it, as well as some alternatives.