jquery 监控滚动条

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        // 当滚动到页面底部时执行的操作
        console.log("已经滚动到页面底部");
    }
});

$("#scrollableElement").scroll(function() {
    if ($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) {
        // 当滚动到元素底部时执行的操作
        console.log("已经滚动到元素底部");
    }
});

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

$(window).scroll(throttle(function() {
    console.log("滚动事件触发");
}, 200));

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

$(window).scroll(debounce(function() {
    console.log("滚动事件触发");
}, 200));