Skip to main content
Module

x/30_seconds_of_typescript/docs/smoothScroll.md

deepakshrma/30-seconds-of-typescript
Latest
File

title: smoothScroll tags: browser,css,intermediate

JS TODO

Smoothly scrolls the element on which it’s called into the visible area of the browser window.

Use .scrollIntoView method to scroll the element. Pass { behavior: 'smooth' } to .scrollIntoView so it scrolls smoothly.

const smoothScroll = (element) =>
  document.querySelector(element).scrollIntoView({
    behavior: "smooth",
  });
smoothScroll("#fooBar"); // scrolls smoothly to the element with the id fooBar
smoothScroll(".fooBar"); // scrolls smoothly to the first element with a class of fooBar