Добавить класс к ссылке привязки при прокрутке мимо якоря div - jquery

У меня есть страница, на которой есть якоря, которые ссылаются на соответствующие разделы страницы. Мне интересно, есть ли у кого-нибудь совет о том, как я могу переключать класс ссылки привязки при щелчке ссылки, а также когда окно / страница прокручивается до соответствующего div с помощью jQuery?

Например, есть 3 якорные ссылки, которые ссылаются на 3 раздела:


  <a href="#section1">Section 1
  </a><a href="#section2">Section 2
  </a><a href="#section3">Section 3

</a>

Тогда есть 3 раздела:




Чего я хотел бы добиться, так это когда страница прокручивается к одному из элементов div или щелкает ссылку, класс ссылки привязки переключается. Таким образом, если щелкнуть привязку #section 1 или страница прокручивается до элемента # section1, класс будет добавлен к ссылке привязки section1. Если раздел 2, то ссылка # section2 получит класс, а ссылка section1 удалит класс и так далее.

Я думаю, что мне может понадобиться способ отследить расположение каждого раздела div и затем переключить класс по соответствующей ссылке, но я не слишком уверен, с чего начать.

Заранее спасибо за любую помощь или совет.

Ответы на вопрос(1)

Ваш ответ на вопрос