【JS实例】返回顶部

function gotop(){

        let speed = 150;    // 每帧向上移动的像素

        let scrollTop = document.documentElement.scrollTop; // 获取当前纵向滚动条位置

                                                        // 横向滚动条用scrollLeft获取

        if(scrollTop == 0){ // 当滚动条移动到0时结束函数

            return;

        }

        scrollTop = scrollTop - speed;

        window.scrollTo(0,scrollTop);

        // scrollTo() 方法可把内容滚动到指定的坐标。

        // 语法：scrollTo(xpos,ypos)

        // 当位置是负数时，会将滚动条移到0位置

        window.requestAnimationFrame(gotop);    // 执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画

                                                // 人话：每帧执行一次gotop函数

    }