点击回到顶部js

   gotopping() {
    
            clearInterval(this.timers);
            this.timers = setInterval(() => {
    
                let curHeight = document.documentElement.scrollTop || document.body.scrollTop;
                var now = curHeight;
                // 速度 = 0 - 滚动的高度 除 7 为负数
                var speed = (0 - now) / 7;
                // 速度值是否大于0 大于0 向上取整  小于0 向下取整
                speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
                // 在这里判断最后滚动到顶部的值是否为0 为0 说明已经到了顶部不需要再向上滚动 清空定时器 将滚动按钮隐藏
                if (curHeight == 0) {
    
                    clearInterval(this.timers);
                    this.toTop = false;
                }
                // 向上滚动滚动条  即使值为负数  最后取得值也是 0 
                document.documentElement.scrollTop = curHeight + speed;
                document.body.scrollTop = curHeight + speed;
                // 是否停止滚动 为否
                this.stop = false;
            }, 30);
        },
        // 向上滚动时监听函数
        needToTop() {
    
            // 兼容ie和chrome的写法  ie只有body属性  chrome只有docmengElement属性
            let curHeight = document.documentElement.scrollTop || document.body.scrollTop;
            // 判断是否有下拉滚动条 有的话显示回到顶部按钮 否则隐藏
            if (curHeight == 0) {
    
                this.toTop = false;
            } else {
    
                this.toTop = true;
            }
            // 如果有下拉的行为  就清空定时器  
            if (this.stop) {
    
                clearInterval(this.timers);
            }
            this.stop = true;
        },