在div的scroll事件处理程序中，状态只更新一次

let timer = null;

function handleScroll() {
  if (timer) {
    clearTimeout(timer);
  }

  timer = setTimeout(() => {
    // 更新状态的操作
    // ...
  }, 200); // 设置一个200毫秒的延迟
}

div.addEventListener('scroll', handleScroll);

let timer = null;

function handleScroll() {
  if (timer) {
    clearTimeout(timer);
  }

  timer = setTimeout(() => {
    // 更新状态的操作
    // ...
  }, 200); // 设置一个200毫秒的延迟
}

div.addEventListener('scroll', handleScroll);