Можно ли несколько событий скролла считать за одно?

Question

[Zombie42679]

Собственно, хочу понять, как можно сделать, чтобы при прокрутке колесиком мыши вниз/вверх независимо насколько сильно крутанули колесо - это считалось за одной событие. В примере ниже, за одну прокрутку у меня событие скролла вызывалось до 10 раз, можно ли это превратить в 1 раз или как-то контролировать, может задержку давать ?



Пример: https://jsfiddle.net/jmh4vte8/1/

Answer 1

[0xD34F]

погуглите debounce и throttle

Answer 2

[MarvinJan]

Например так.

В таймауте ставите нужное время в миллисекундах, после которого считается, что скролл прекратился.

(function(){
   let scrollingStopped;
   document.addEventListener("mousewheel", function() {
      clearTimeout(scrollingStopped);
      let is_scrolling = true;
      scrollingStopped = setTimeout( function() {
          is_scrolling = false;
          console.log("stopped");
    }, 500)
})
})();