Как сделать что бы пункты меню подсвечивались при скролле?

Почему меню не подсвечиваются при скролле?
ВОТ КОД ТОЛЬКО JS

НИ КАКИХ ФРЕЙМВОРКОВ!"!!!!
https://jsfiddle.net/2su7yn3h/

let nav = document.querySelectorAll('.menu li a');

for (let i = 0; i < nav.length; i++) {
nav[ i ].addEventListener('scroll', toggle);

if(nav[i].href==window.location){
nav[i].className="menu-active"; // добавляем нужный класс для выделения пункта
}
}

function toggle() {
let active = document.querySelector('.menu li a.menu-active')

active.classList.remove('menu-active');
this.classList.add('menu-active');
}