Menu

gitpiper

scrollToTop javascript Code Snippet in 2024

browserintermediate

Last Updated: 21 December 2024

Smooth-scrolls to the top of the page.

  • Get distance from top using Document.documentElement or Document.body and Element.scrollTop.
  • Scroll by a fraction of the distance from the top.
  • Use Window.requestAnimationFrame() to animate the scrolling.
const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 8); } };
scrollToTop(); // Smooth-scrolls to the top of the page

javascript snippet similar to scrollToTop For You in December 2024

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️

© 2024 GitPiper. All rights reserved

Rackpiper Technology Inc

Company

About UsBlogContact

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️