使用javascript向scrollTo按钮功能添加平滑动画答案

【问题标题】：Adding smooth animation to scrollTo button function using javascript使用javascript向scrollTo按钮功能添加平滑动画
【发布时间】：2020-07-03 23:59:20
【问题描述】：

好吧，我是新手，请不要评判我，我在网上四处张望，每个视频或建议似乎都过于复杂，因为我通过按钮转到顶部，我只是错过了流畅的动画。下面的代码我遗漏了什么？

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

【问题讨论】：

这能回答你的问题吗？ smooth scroll to top

标签： javascript html

【解决方案1】：

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

【讨论】：

【解决方案2】：

尝试使用scrollIntoView()？

它可以使用平滑的行为。

参考：scrollIntoView

【讨论】：

【解决方案3】：

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

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

【讨论】：