Изменение чувствительности мыши/трекпада с Javascript

Question

Я использую CSS3 для «скольжения» div вверх и вниз в соответствии с направлением прокрутки. Я использую событие колеса мыши, чтобы отслеживать прокрутку пользователя, и когда пользователь прокручивает вниз div с переходом CSS3. Однако мне нужно изменить чувствительность колеса мыши/трекпада. Теперь, когда я поворачиваю колесо вниз только один «тик», событие уже уволено. На трекпаде (Macbook) только миллиметр движения с двумя пальцами запускает событие, и анимация называется много раз (слишком чувствительная). Мне нужно указать минимальное число поворотов колесика мыши/расстояние между пальцами до двух пальцев, чтобы убедиться, что анимация не запускается быстро.

Вот код, у меня сейчас:

$leftSide.bind('DOMMouseScroll mousewheel', function(e) { 
    if (scrollStep > 0 || scrollStep < $numberOfItems) { 
     $leftSide.css({ 
      marginTop: scrollStepPixelsString, 
      WebkitTransition: 'margin-top 700ms ease-in-out', 
      MozTransition: 'margin-top 700ms ease-in-out', 
      MsTransition: 'margin-top 700ms ease-in-out', 
      OTransition: 'margin-top 700ms ease-in-out', 
      transition: 'margin-top 700ms ease-in-out' 
     }); 
    } 
}); 

Как можно уменьшить чувствительность колеса мыши и сенсорной панели?

Answer 1

Вы можете попробовать использовать 'debounce function' для задержки выполнения функции для x miliseconds с момента последнего вызова.