javascript - 滚动页面效果javascript

我有一个按钮，如果按下该按钮，页面将滚动到顶部。
但是我想要动画制作的滚动ID，您能帮我吗？ PS。我更喜欢javascript，而不是jquery。谢谢。

window.onscroll = function() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("myBtn").style.display = "block";
        } else {
            document.getElementById("myBtn").style.display = "none";
        }
    };

    window.onload = function() {
        document.getElementById("myBtn").onclick = function() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    }

这是我目前的javascript。

最佳答案

尝试这个：

window.onload = function() {
  document.getElementById("myBtn").onclick = function() {
      window.scroll({
        top: 0,
        behavior: "smooth"
      });
  }
}