回到顶部

2019-03-06  本文已影响0人  Wo信你个鬼

方法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>
上一篇 下一篇

猜你喜欢

热点阅读