Mail.ruПочтаМой МирОдноклассникиИгрыЗнакомстваНовостиПоискСмотриComboВсе проекты

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

gfs dfgsfg Ученик (102), на голосовании 5 месяцев назад
Почему меню не подсвечиваются при скролле?
ВОТ КОД ТОЛЬКО 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');
}
Голосование за лучший ответ
Дима Петращук Мастер (1967) 5 месяцев назад
codepen.io/dimondevelop/pen/rNaRozr — немного переделал чтобы заработало. основной момент прокомментировал, но если будут вопросы по коду, спрашивайте.
Genius Ученик (156) 5 месяцев назад
codepen.io/dimondevelop/pen/rNaRozr =)
Похожие вопросы
Также спрашивают