javascript - Javascript 中的去抖动不适用于滚轮事件

Question

我正在尝试使用去抖函数来限制调用的滚动事件的数量。

我不确定为什么这根本不起作用......

有什么想法吗？

window.addEventListener('wheel', () => {
  debounce(scrollSection, 300);
});

const scrollSection = () => {
  console.log(1);
}

const debounce = function(fn, d) {
  let timer;
  return function() {
    let context = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(context, args);
    }, d);
  }
}

Answer 1

它会在每个wheel事件上创建去抖函数。首先对函数进行反跳，然后将其放入事件监听器中。

window.addEventListener('wheel', debounce(scrollSection, 300));

const scrollSection = () => {
  console.log(1);
}

const debounce = function(fn, d) {
  let timer;
  return function() {
    let context = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(context, args);
    }, d);
  }
}