js滚动条底部

function getScrollBottom() {
    return window.innerHeight + window.scrollY;
}

window.addEventListener('scroll', function() {
    if (getScrollBottom() >= document.body.offsetHeight) {
        console.log('已滚动到底部');
        // 在这里执行加载更多内容的操作
    }
});

function scrollToBottom(element) {
    element.scrollTop = element.scrollHeight;
}

// 使用示例
const chatBox = document.getElementById('chat-box');
scrollToBottom(chatBox);

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

window.addEventListener('scroll', debounce(function() {
    if (getScrollBottom() >= document.body.offsetHeight) {
        console.log('已滚动到底部');
    }
}, 100));

function isElementInViewport(el) {
    const rect = el.getBoundingClientRect();
    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
}