handleScroll: _.throttle 怎么阻止首次滚动加载

如果您想在 handleScroll 函数中使用 _.throttle 防止滚动事件在短时间内被频繁触发，但又不想在首次滚动时触发加载操作，可以考虑在函数中添加一个状态变量，用于判断是否是首次滚动。以下是一个示例代码：

// 初始化一个状态变量，用于判断是否是首次滚动
let isFirstScroll = true;

function handleScroll() {
  // 如果是首次滚动，则将状态变量设置为 false，并返回
  if (isFirstScroll) {
    isFirstScroll = false;
    return;
  }
  // 否则，执行滚动操作
  // ...
}

// 使用 _.throttle 包装 handleScroll 函数
const throttledHandleScroll = _.throttle(handleScroll, 100);

// 监听滚动事件
window.addEventListener('scroll', throttledHandleScroll);

在上面的代码中，我们首先初始化了一个状态变量 `isFirstScroll`，用于判断是否是首次触发滚动事件。在 `handleScroll` 函数中，我们首先判断是否是首次触发滚动事件，如果是，则将 `isFirstScroll` 设置为 `false` 并直接返回，不执行加载操作。如果不是首次触发滚动事件，则执行加载操作。最后，我们使用 `_.throttle` 包装了 `handleScroll` 函数，并将包装后的函数添加到了滚动事件监听器中。这样，在短时间内连续触发滚动事件时，`handleScroll` 函数就不会被频繁调用了，从而提高了性能。希望这个示例代码对您有所帮助。