jquery判断滚动

$(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        // 当窗口滚动超过 100px 时执行的代码
        console.log("窗口滚动超过 100px");
    }
});

$("#scrollableElement").scroll(function() {
    if ($(this).scrollTop() > 50) {
        // 当元素滚动超过 50px 时执行的代码
        console.log("元素滚动超过 50px");
    }
});

function throttle(func, wait) {
    let timeout = null;
    return function() {
        if (!timeout) {
            timeout = setTimeout(() => {
                func.apply(this, arguments);
                timeout = null;
            }, wait);
        }
    };
}

$(window).scroll(throttle(function() {
    if ($(window).scrollTop() > 100) {
        console.log("窗口滚动超过 100px");
    }
}, 200));

function debounce(func, wait) {
    let timeout;
    return function() {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, arguments), wait);
    };
}

$(window).scroll(debounce(function() {
    if ($(window).scrollTop() > 100) {
        console.log("窗口滚动超过 100px");
    }
}, 200));