js平滑滚动元素进入视图

将调用它的元素平滑地滚动到浏览器窗口的可见区域。

• 用于Element.scrollIntoView()滚动元素。
• 用于{ behavior: 'smooth' }平滑滚动。

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