滚动页面效果javascript

Question

我有一个按钮，按下该按钮，页面滚动到顶部。 但我想要一个动画制作的滚动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。

Answer 1

试试这个：

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