js下拉刷新上滑加载更多

let startY = 0;
document.addEventListener('touchstart', (e) => {
    startY = e.touches[0].pageY;
});

document.addEventListener('touchmove', (e) => {
    const currentY = e.touches[0].pageY;
    if (currentY - startY > 100) { // 设置下拉阈值
        refreshData();
    }
});

function refreshData() {
    // 执行刷新操作
    console.log('Refreshing data...');
}

let isLoading = false;
window.addEventListener('scroll', () => {
    if (isLoading) return;
    if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 50) { // 设置加载阈值
        isLoading = true;
        loadMoreData().then(() => {
            isLoading = false;
        });
    }
});

async function loadMoreData() {
    // 执行加载更多数据的操作
    console.log('Loading more data...');
    await new Promise(resolve => setTimeout(resolve, 1000)); // 模拟异步加载
}