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 tosmooth
string makes the scrolling looks smooth.
See the above code live in JSBin