使用javascript将平滑动画添加到scrollTo按钮功能

Question

好的，我是新手，请不要评判我，我在网上环顾四周，每个视频或建议似乎都过于复杂，因为我设法将按钮转到顶部，我只是缺少流畅的动画。我从下面的代码中缺少什么？

const myBtn = document.querySelector("#myBtn");
myBtn.addEventListener("click", function() {
window.scrollTo(0, 0);
});

Answer 1

如果你像我一样懒惰，那么你可以使用这个jQuery插件来平滑地滚动到你的链接

Answer 2

尝试使用scrollIntoView()？

它可以使用平滑行为。

参考： 滚动进入视图

Answer 3

你不需要任何插件，只需使用

window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth'
});