js向上无限滚动

<div id="container">
  <!-- 初始内容 -->
</div>

<script>
  let isLoading = false;
  let page = 1;

  function loadMoreContent() {
    if (isLoading) return;
    isLoading = true;
    // 模拟获取数据
    setTimeout(() => {
      const container = document.getElementById('container');
      for (let i = 0; i < 10; i++) {
        const newElement = document.createElement('div');
        newElement.textContent = `这是第 ${page * 10 + i} 条内容`;
        container.insertBefore(newElement, container.firstChild);
      }
      page++;
      isLoading = false;
    }, 1000);
  }

  window.addEventListener('scroll', () => {
    if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 500) {
      loadMoreContent();
    }
  });

  // 初始加载
  loadMoreContent();
</script>