js实现 缓慢返回顶部

1.

//返回顶部
let back=document.querySelector(".back");
let duration = 500;
back.onclick = function () {
    let l = document.documentElement.scrollTop;
    console.log(l);
    let s = l / 600 * 25;  //路程/时间=s *25每隔25ms秒 动的路程
    let st = setInterval(function () {
        l -= s;
        if (l <= 0) {
            l = 0; //当l<=0时，设置l=0
            clearInterval(st);
        }
        document.documentElement.scrollTop = l;
    }, 25)
}
2.直接返回顶部

let back=document.querySelector(".back");
back.οnclick=function () {
    document.documentElement.scrollTop=0;
}

转载于:https://www.cnblogs.com/dandan9999/p/11008107.html