How to make the touchpad scroll event on a laptop work 1 time?

Question

JavaScript

https://codepen.io/Concencuc/pen/rNmxPPm
Several values ​​are displayed in the console if you scroll with the touchpad. And if you scroll with the mouse, then one value is displayed.
As a result of this, in my script, the slider will scroll several slides at once if you use the touchpad.

slider.on('scroll', (function(e) {
      e.preventDefault();

      if (e.deltaY < 0) {
        $(this).stop().slick('slickPrev');
      } else {
        $(this).stop().slick('slickNext');
      }
    }));

Please tell me how to fix this bug

Answer 1

Try to react not to the scroll. And for touch events
https://developer.mozilla.org/ru/docs/Web/API/Touc...
There is also such a library: https://hammerjs.github.io/
This is a similar question: Is there an API from the touchpad for the web?