滚动页面效果javascript

时间:2018-04-21 15:58:09

标签: javascript jquery html css bootstrap-4

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

1 个答案:

答案 0 :(得分:1)

试试这个:

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