美文网首页
回到顶部

回到顶部

作者: Wo信你个鬼 | 来源:发表于2019-03-06 10:37 被阅读0次

    方法1

      <script type="text/javascript">
                function fun1() {
                    var btn = document.querySelector("button");
    
                    btn.addEventListener("click", function() {
                    var timer = setInterval(function() {
                            var curScroll = window.pageYOffset;
                            window.scrollTo(0, curScroll-20)
                            if (curScroll<=0) {
                                clearInterval(timer);
                            }
                        },1000/60)
    
                    })
                }
                fun1();
    

    方法2

                function fun2() {
                    var btn = document.querySelector("button");
                    btn.addEventListener("click", function(){
                        toTop();
                    })
                }
    
                function toTop() {
                    var curScroll = window.pageYOffset;
                    window.scrollTo(0, curScroll - 20);
                    var timer = window.requestAnimationFrame(toTop)
                    if(curScroll <= 0) {
                        cancelAnimationFrame(timer);
                    }
                }
                fun2();
        </script>
    

    相关文章

      网友评论

          本文标题:回到顶部

          本文链接:https://www.haomeiwen.com/subject/sqttpqtx.html