onMouseWheel

onWheel.js

//отслеживание прокрутки
function wheelListener (elem, func) {
if (elem.addEventListener) {
    if ('onwheel' in document) {
      // IE9+, FF17+
      elem.addEventListener("wheel", func);
    } else if ('onmousewheel' in document) {
      // устаревший вариант события
      elem.addEventListener("mousewheel", func);
    } else {
      // Firefox < 17
      elem.addEventListener("MozMousePixelScroll", func);
    }
  } else { // IE8-
    elem.attachEvent("onmousewheel", func);
    }
}

 // Это решение предусматривает поддержку IE8-
 function onWheel(e) {
    e = e || window.event;

    // deltaY, detail содержат пиксели
    // wheelDelta не дает возможность узнать количество пикселей
    // onwheel || MozMousePixelScroll || onmousewheel
    let delta = e.deltaY || e.detail || e.wheelDelta;
    
    
    //применяем непосредтвенно ту функцию, которую нам надо
    self_direction = (delta < 0) ? 'up' : 'down'
    changeSlide( self_direction )

    e.preventDefault ? e.preventDefault() : (e.returnValue = false);
}
    
//применяем 
wheelListener(DOMElement, onWheel)