Как сделать так чтобы toggleClass зависящий от прокрутки страницы действовал на все классы, а не на один первый?

Question

[senator]

Здравствуйте, у меня есть toggle который зависит от прокрутки страницы:

const link = document.querySelector('.header__link');

window.addEventListener('scroll', function(){
  link.classList.toggle('cactive', pageYOffset > 0);
});

Но он действует, только на один .header__link , возможно ли чтобы toggleClass действовал на все .header__link?
querySelectorAll не помогает

Answer 1

[Сергей Соколов]

querySelector() возвращает только один, первый найденный элемент. А надо все. Это делает querySelectorAll()

const links = document.querySelectorAll('.header__link');

window.addEventListener('scroll', function(){
  links.forEach((el) => el.classList.toggle('cactive', pageYOffset > 0));
});

Answer 2

[Игорь Стасюк]

https://developer.mozilla.org/ru/docs/Web/API/Docu...