Scroll page to top

JavaScript, Browser · Oct 22, 2020

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

  • Handle scroll stop

    Runs the callback whenever the user has stopped scrolling.

    JavaScript, Browser · Jan 6, 2021

  • Detect device type

    Detects whether the page is being viewed on a mobile device or a desktop.

    JavaScript, Browser · Oct 22, 2020

  • Redirect to HTTPS

    Redirects the page to HTTPS if it's currently in HTTP.

    JavaScript, Browser · Oct 22, 2020