DEV Community

Utsav Mavani
Utsav Mavani

Posted on

Javascript scroll snippets

  • Scroll to Top
function scrollToTop() {
  window.scrollTo({ top: 0, behavior: 'smooth' });
}
Enter fullscreen mode Exit fullscreen mode

Usage:

scrollToTop();
Enter fullscreen mode Exit fullscreen mode
  • Scroll to Element Smoothly
function scrollToElement(element) {
  element.scrollIntoView({ behavior: 'smooth' });
}
Enter fullscreen mode Exit fullscreen mode

Usage:

const myElement = document.getElementById('myElement');
scrollToElement(myElement);
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay