smooth scroll to top

by

I think the simplest solution is:

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

If you wanted instant scrolling then just use:

window.scrollTo({top: 0});

Can be used as a function:

// Scroll To Top

function scrollToTop() {

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

}

Or as an onclick handler:

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

More Related Contents:

  1. How to add jQuery in JS file
  2. NodeJS: How to get the server’s port?
  3. Is there any way to call a function periodically in JavaScript?
  4. Conditional Validation in Yup
  5. Is Crockford style Context Coloring implemented in any code editor?
  6. Get current page http status from javascript
  7. Custom Validator on reactive form for password and confirm password matching getting undefined parameters into Angular 4
  8. change image opacity using javascript
  9. Is there a tool to remove unused methods in javascript?
  10. Testing for console.log statements in IE [duplicate]
  11. What’s the most concise cross-browser way to access an element’s window and document?
  12. How to get 4 vertex coordinates from gmaps RECTANGLE ( Overlay)?
  13. Make a JavaScript array from URL
  14. javascript multiple OR conditions in IF statement
  15. Not allowed to load local resource: file
  16. A file input button for all browsers, is this possible?
  17. addEventListener gone after appending innerHTML
  18. How to break up a long running function in javascript, but keep performance
  19. How can I use nested Json to populate Kendo UI grid?
  20. Format credit card number
  21. filter array of objects by another array of objects
  22. Create HTML table from JavaScript object
  23. What’s a valid left-hand-side expression in JavaScript grammar?
  24. What is the difference between $ionicView.enter and cache:false
  25. Javascript Math Error: Inexact Floats [duplicate]
  26. How to avoid caching in the app directory of Next.js?
  27. Display Spreadsheet Data to HTML Table
  28. Pass only the second argument in javascript
  29. How can I change the URI without refreshing the page?
  30. How to wait for another JS to load to proceed operation?

Leave a Comment