js滑动再加载页面

let isLoading = false;
let hasMoreData = true; // 假设还有更多数据可以加载

window.addEventListener('scroll', () => {
    if (isLoading || !hasMoreData) return;

    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    const windowHeight = window.innerHeight;
    const documentHeight = document.documentElement.offsetHeight;

    // 判断是否滚动到底部
    if (scrollTop + windowHeight >= documentHeight - 10) {
        isLoading = true;
        loadMoreData();
    }
});

function loadMoreData() {
    // 模拟发送请求获取更多数据
    setTimeout(() => {
        const newData = Array.from({ length: 10 }, (_, i) => `新数据 ${i + 1}`);
        newData.forEach(data => {
            const div = document.createElement('div');
            div.textContent = data;
            document.body.appendChild(div);
        });

        isLoading = false;

        // 假设在加载5次后没有更多数据了
        if (document.querySelectorAll('div').length >= 50) {
            hasMoreData = false;
        }
    }, 1000);
}