smoothScroll.md

标题	标签
smoothScroll(平滑滚动)	browser,css(浏览器,层叠样式表)

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

• 使用 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

应用场景

<iframe src="codes/javascript/html/smoothScroll.html"></iframe>

ps: 以上是一个不错的实用函数