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

Question

[Сергей Горячев]

Затупливаю что-то)
Есть лэндинг с фиксированным меню.
Как добавить класс .active пункту меню, когда скроллинг доходит до нужного блока?
Соответственно, при прокрутке .active должен смениться.

<style>
   section {
      min-height: 500px;
      border-top: 1ps solid #000;
   }
</style>
<nav>
   <a href="#home">Главная</a>
   <a href="#company">Компания</a>
   <a href="#contact">Контакты</a>
</nav>
<section id="home">
   Главная
</section>
<section id="company">
   Контакты
</section>
<section id="contact">
   Компания
</section>

Answer 1

[Виталий Инчин ☢]

hSpy

jQuery("nav > a").hSpy(
  "section", {
    classTargets : "active",
    classTitles : "active",
    spaces : false,
    middleLine : 0,
    bottomLine : 0,
    axis : "y"
  }
);

Comments

[Сергей Горячев]

Годится. Спс)

Answer 2

[Денис Букреев]

Вычисляешь позицию блока
Отслеживаешь скроллинг и сравниваешь, достиг ли скролл этой позиции
Добавляешь class="active"

Если хочешь готовый код для твоей задачи - он здесь
А так, напиши свой код, скинь, а там тебе уже придет помощь в виде советов и поправок