js手机端滑动加载更多

let isLoading = false;
let allDataLoaded = false;

function loadMoreData() {
  if (isLoading || allDataLoaded) return;
  isLoading = true;

  // 模拟异步加载数据
  setTimeout(() => {
    const newData = fetchMoreData(); // 假设这是获取数据的函数
    appendDataToDOM(newData); // 假设这是将数据添加到DOM的函数
    isLoading = false;
  }, 1000);
}

function handleScroll() {
  const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  const windowHeight = window.innerHeight;
  const documentHeight = document.documentElement.scrollHeight;

  if (scrollTop + windowHeight >= documentHeight - 50) { // 距离底部50px时加载更多
    loadMoreData();
  }
}

window.addEventListener('scroll', handleScroll);

// 防抖函数示例
function debounce(func, wait) {
  let timeout;
  return function(...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, args), wait);
  };
}

// 使用防抖优化滚动事件
window.addEventListener('scroll', debounce(handleScroll, 200));