30秒学会 JavaScript 片段 · 2018年5月19日

30秒学会 JavaScript 片段 – smoothScroll

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