Smooth scroll to top of page (Improved!)

script.js

window.scrollTo({top: 0, behavior: "smooth"});

scroll-to-top-smoothly.html

<button onclick='window.scrollTo({top: 0, behavior: "smooth"});'>Back to Top ↑</button>

smooth-scroll-to-top-of-page-improved.markdown

Smooth scroll to top of page (Improved!)

If you need a plain JavaScript function to add a smooth scrolling back to the top of the page, you can use this script:

window.scrollTo({top: 0, behavior: "smooth"});

How? 👉 Just add this script to a <button> element in the onclick: attribute, like this (and place it at the bottom of your page):

<button onclick='window.scrollTo({top: 0, behavior: "smooth"});'>Back to Top ↑</button>

CodePen demo here: (https://codepen.io/ricardozea/pen/NWpgyjL) by Ricardo Zea on CodePen.

License.

Thank you for your update.

this script simple and working perfect

Thank you for your update.

this script simple and working perfect

No problem, glad you found the script helpful 👍

How do I add CSS to the button, to give it a more dynamic, round shape?

You can use the border-radius property in the button class. Check out the demo in CodePen, you can play with the CSS there without affecting the final output. You can also fork the demo and play with it and save the changes for yourself.