How to scroll to the top of a webpage with smooth scroll animation using JavaScript?

Published May 2, 2021

To scroll to the top of the webpage with smooth scroll animation using JavaScript, you can use the scrollTo() method in the global window object and then pass an options object with the top property set to number value 0 and the behavior property set to string value smooth.

// Scroll to the top of the webpage
// using the window.scrollTo() method
window.scrollTo({
    top: 0;
    behavior: "smooth"
});
  • the top property says to navigate to the top position in reference to the window.
  • and the behavior property set to smooth string makes the scrolling looks smooth.

See the above code live in JSBin

Feel free to share if you found this useful 😃.


Share on: Facebook Twitter