js判断页面是否滚动到底部

window.addEventListener('scroll', function() {
    // 获取文档高度
    const documentHeight = Math.max(
        document.body.scrollHeight, document.documentElement.scrollHeight,
        document.body.offsetHeight, document.documentElement.offsetHeight,
        document.body.clientHeight, document.documentElement.clientHeight
    );
    
    // 获取视口高度
    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
    
    // 获取当前滚动位置
    const scrollPosition = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
    
    // 判断是否滚动到底部
    if (scrollPosition + viewportHeight >= documentHeight) {
        console.log('已滚动到底部');
        // 在这里执行加载更多内容的逻辑
        loadMoreContent();
    }
});

function loadMoreContent() {
    // 模拟加载更多内容的逻辑
    console.log('正在加载更多内容...');
    // 实际应用中，这里可以发送AJAX请求获取更多数据并渲染到页面上
}

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

window.addEventListener('scroll', throttle(function() {
    // 判断是否滚动到底部的逻辑
}, 200)); // 200毫秒内只执行一次