La información del suministrada al manejador del evento no te va a dar la información suficiente para poder saber si el scroll se realiza hacia arriba o hacia abajo.
Para ello debes almacenar el valor de la posición cada vez que se ejecuta el manejador, de esta manera podrás saber, comparando el valor actual con el valor anterior, la dirección del scroll
Utilizando el código de este post puedes encontrar la solución.
https://stackoverflow.com/questions/31223341/detecting-scroll-direction
Deberas adaptarlo para que funcione en tu desarrollo, debes adaptar
- Lugar donde almacenar el ultimo valor del scroll
- Asignación del manejador
// ultimo valor almacenado
// si el codigo se ejecuta dentro de una clase asignalo como una propiedad de esta)
var lastScrollTop = 0;
//lo importante es el codigo de la funcion no como se registra
element.addEventListener("scroll", function(){
var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426"
if (st > lastScrollTop){
// downscroll code
} else {
// upscroll code
}
lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}, false);