Estoy tratando de agregar un EventListener a mi objeto de window y alternar una clase activa al desplazarme. Pero el evento nunca se dispara, ¿cuál podría ser el problema?

 window.addEventListener('scroll', () => { let current = ''; section.forEach(section => { const sectionTop = section.offsetTop; const sectionHeight = section.clientHeight; if (pageYOffset >= sectionTop) { current = section.getAttribute('id'); } }); navli.forEach(li => { li.classList.remove('active'); if (li.classList.contains(current)) { li.classList.add('active'); } }); });

A continuación se muestra el código HTML

 <nav> <div class="navigation"> <ul> <li class="home active"><a href="#home">Home</a></li> <li class="about"><a href="#about">About</a></li> <li class="service"><a href="#service">Services</a></li> <li class="work"><a href="#work">Work</a></li> <li class="contact"><a href="#contact">Contact</a></li> </ul> </div> </nav>