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.onclick=function () {
    document.documentElement.scrollTop=0;
}