How to scroll to the top of the page using JavaScript?

To scroll to the top of the page using JavaScript, you can use the scrollTo() method of the window object. This method takes two arguments: the x-coordinate and the y-coordinate of the element to scroll to. By setting both of these arguments to 0, you can scroll to the top-left corner of the page. Here’s an example:

window.scrollTo(0, 0);

If you want to animate the scroll, you can use the scrollTo() method in combination with the window.requestAnimationFrame() method, which allows you to perform an animation by specifying a callback function to be executed before the next repaint. Here’s an example:

function scrollToTop() {
  const c = document.documentElement.scrollTop || document.body.scrollTop;
  if (c > 0) {
    window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, c - c / 8);
  }
}

scrollToTop();