Как сделать, чтобы при скролле шапки класс добавлялся к нескольким элементам сразу?

fokit,

Не могли бы вы привести пример такого переопределения, а то я не могу понять с какой стороны подступиться...
Заранее спасибо!

Как сделать, чтобы при скролле шапки класс добавлялся к нескольким элементам сразу?

а вообще если все элемент вложенны в header, то нет необходимости задавать им активный класс.

Изначально у меня уже заданы стили у меню. Необходимо их переопределить после того, как оно проскроллится вниз на 2 экран и вернуть при скролле вверх

Как сделать, чтобы при скролле шапки класс добавлялся к нескольким элементам сразу?

Такой вариант выдает ошибку TypeError: menu.classList is undefined. Так как querySelectorAll применяется только к родительскому элементу.
При применении стилей в классе _scroll меняются стили самой шапки. А мне нужно только на ссылки воздействовать.

С помощью чего и как можно сверстать такую секцию?

Ankhena, спасибо. Мне не до конца ясно, как сверстать на html/css (возможно и js) только эти цветные полукруглые секции. С остальными частями блока все более или менее понятно.

С помощью чего и как можно сверстать такую секцию?

Да, я уже и гуглила, и на ютубе перерыла куча видео. Практически ничего не нашла по верстке таких блоков. Про SVG я тоже уже думала)
Спасибо