Encontré una muy buena solución de desbordamiento de pila sobre cómo detectar la dirección de desplazamiento y hacer algo, pero esto está funcionando en otro div. Tengo un div con contenedor de artículo de ID que tiene barra de desplazamiento. Quiero detectar la dirección de desplazamiento en este div, no en el cuerpo o en un div principal más grande.

Hay un evento onscroll que tiene una función y estoy tratando de hacer todo dentro de él, pero ¿está causando algún problema...?

HTML

 <div id="article-container" onscroll="scrollmainup()"> ... text ... </div>

JAVASCRIPT

 function scrollmainup(){ var art = document.getElementById("article-container"); document.getElementById("article-container").scrollIntoView({ block: 'center', behavior: 'smooth' }); this.prev = window.scrollY; art.addEventListener('scroll', e => this.handleNavigation(e)); handleNavigation = (e) => { const window = e.currentTarget; if (this.prev > window.scrollY) { console.log("scrolling up"); } else if (this.prev < window.scrollY) { console.log("scrolling down"); } this.prev = window.scrollY; };}

Configuré art.addEventListener en lugar de window.addEventListener... la variable art no funciona... algo anda mal con const window = e.currentTarget; no estoy seguro... ¿Cómo puedo hacer que este código funcione en el div desplazable del contenedor del artículo... el código funciona bien en toda la página, pero no cuando desplazo el div... por favor, ayúdenme a configurar el detector de eventos correctamente... . Gracias por adelantado ...