jquery 页面滚动

// 使用 jQuery 选择器选择元素
var targetElement = $('#targetElement');

// 滚动到目标元素
$('html, body').animate({
    scrollTop: targetElement.offset().top
}, 1000); // 1000 毫秒内完成滚动

$(window).scroll(function() {
    var scrollTop = $(this).scrollTop();
    if (scrollTop > 100) {
        // 当滚动超过 100px 时，显示返回顶部按钮
        $('#backToTopButton').fadeIn();
    } else {
        // 否则隐藏按钮
        $('#backToTopButton').fadeOut();
    }
});

// 点击按钮平滑滚动到页面顶部
$('#backToTopButton').click(function() {
    $('html, body').animate({
        scrollTop: 0
    }, 800); // 800 毫秒内完成滚动
});

// 节流示例
function throttle(func, wait) {
    var timeout = null;
    return function() {
        var context = this, args = arguments;
        if (!timeout) {
            timeout = setTimeout(function() {
                timeout = null;
                func.apply(context, args);
            }, wait);
        }
    };
}

$(window).scroll(throttle(function() {
    // 处理滚动事件
}, 200));