使用jQuery实现回到顶部

    <script text="type/javascript">
        //平滑滚到顶部
        // 总距离
        var $page = $('html,body');
        var distance = $('html').scrollTop() + $('body').scrollTop();
        // 总时间
        var time = 500;
        // 间隔时间
        var intervalTime = 50;
        var itemDistanve = distance / (time / intervalTime);
        // 使用循环定时器不断滚动
        var intervalId = setTimeout(function () {
            distance -= itemDistanve;
            // 到达顶部,停止定时器
            if (distance <= 0) {
                distance = 0;
                clearInterval(intervalId);
            }
            $page.scrollTop(distance);
        },intervalTime)
    </script>
posted @ 2022-09-18 22:41  东八区  阅读(132)  评论(0)    收藏  举报