genlist的水平滚动

// 示例代码：使用虚拟滚动
const container = document.getElementById('scroll-container');
const data = Array.from({ length: 1000 }, (_, i) => `Item ${i}`);

container.addEventListener('scroll', () => {
  const start = Math.floor(container.scrollLeft / itemWidth);
  renderItems(start, start + visibleCount);
});

function renderItems(start, end) {
  const fragment = document.createDocumentFragment();
  for (let i = start; i < end; i++) {
    const item = document.createElement('div');
    item.textContent = data[i];
    fragment.appendChild(item);
  }
  container.innerHTML = '';
  container.appendChild(fragment);
}

/* 示例代码：设置容器样式 */
#scroll-container {
  width: 100%;
  overflow-x: auto;
}

// 示例代码：优化滚动事件处理
container.addEventListener('scroll', () => {
  requestAnimationFrame(() => {
    const start = Math.floor(container.scrollLeft / itemWidth);
    renderItems(start, start + visibleCount);
  });
});