回到顶部按钮,滑动显示,停滚定时淡出

            var timer = null,
                out = null,
                t1 = 0,
                t2 = 0;

            document.onscroll= function(){
                if (getscroll() > 200) {
                    $(".scroll_top").fadeIn();
                    clearTimeout(out);
                    t1 = getscroll();
                    // console.log("t1=" + t1);
                    out= setTimeout(stopscroll,4000);
                } else {
                    $(".scroll_top").fadeOut();
                }
            };
            
            function stopscroll() { 
                t2 = getscroll();
                console.log("t2=" + t2);
                console.log("t1=" + t1);
                if (t2 === t1) {
                    // console.log('按钮消失了')
                    $(".scroll_top").fadeOut();
                }
            }

            function getscroll() {
                return document.body.scrollTop || document.documentElement.scrollTop;
            }
            //点击跳至网页顶部
            $(".scroll_top").click(function() {
                $(document).scrollTop(0);
            })
都是血汗,请给我个赞.png

你可能感兴趣的:(回到顶部按钮,滑动显示,停滚定时淡出)