jquery控制滚动条移动

// 滚动到页面顶部
$('html, body').animate({ scrollTop: 0 }, 'slow');

// 滚动到指定元素
$('#targetElement').animate({ scrollTop: $('#elementToScrollTo').offset().top }, 'slow');

// 滚动到页面左侧
$('html, body').animate({ scrollLeft: 0 }, 'slow');

// 滚动到指定元素
$('#targetElement').animate({ scrollLeft: $('#elementToScrollTo').offset().left }, 'slow');

// 平滑滚动到页面顶部
$('html, body').animate({ scrollTop: 0 }, 'slow');

// 平滑滚动到指定元素
$('html, body').animate({
    scrollTop: $('#elementToScrollTo').offset().top
}, 1000);

function smoothScroll(element, to, duration) {
    const start = element.scrollTop;
    const change = to - start;
    let currentTime = 0;
    const increment = 20;

    const animateScroll = () => {
        currentTime += increment;
        const val = Math.easeInOutQuad(currentTime, start, change, duration);
        element.scrollTop = val;
        if (currentTime < duration) {
            requestAnimationFrame(animateScroll);
        }
    };

    animateScroll();
}

Math.easeInOutQuad = (t, b, c, d) => {
    t /= d / 2;
    if (t < 1) return c / 2 * t * t + b;
    t--;
    return -c / 2 * (t * (t - 2) - 1) + b;
};

// 使用示例
smoothScroll(document.documentElement, 500, 1000);