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