Как при скроле вниз сделать появление меню?

Question

[frayer]

Здраствуйте, подскажите как сделать появление вертикального меню при скроле вниз с класом active, который меняеться при переходе на другую секцию,
Пример есть на сайте https://www.marco.fyi

Answer 1

[Дюша Метёлкин]

Отслеживаешь событие скролла и допустим если проскроллил больше 500 добавляешь класс block

(window.pageYOffset > 500){
      navigation.classList.add('block')

для того чтобы отслеживать на какой ты секций находишься есть тык

Answer 2

[ThunderCat]

Простое решение - через отслеживание события скролл и изменения видимости блока, но это не очень хорошее решение, так как онскролл часто вызывается и грузит систему. Правильнее испоьзовать Intersection Observer API.