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

Question

[mishapsv]

Есть фиксированное меню и при нажатии на пункты происходит скролл до соответствующего блока.
Примерная разметка

Нужно, если человек нажал, к примеру, на item2=>переехал туда и нажимает опять на item2, чтобы срабатывала анимация "вверх-вниз" (мол, чувак, ты уже там).
Подскажите, как определять, что уже выбран нужный блок?

Answer 1

[mr_dev1l]

Через классы меню. Человек нажал на item2 и у item2 появляется еще один класс active. И если человек жмет снова на пункт меню с классом active, то происходит то, что вы задумали

Comments

[mishapsv]

mr_dev1l Но если он нажмет на айтем2, проскролит до айтем3, а потом снова нажмет на айтем2, то его его перекинет туда + сработает анимация.

[mr_dev1l]

нет, вы active давайте в области видимости, проскролив до item3 у item2 уже не будет класса active

Answer 2

[Николай]

Похожий вопрос: Как получить текущий блок при скроллинге страницы?
Там конечно ответ очень краткий, но и задача в общем-то несложная. Если что-то не получится/непонятно как делать - спрашивайте.

Answer 3

[Карл Майнхофф]

Как вариант: https://github.com/sxalexander/jquery-scrollspy
Этот вариант лично не использовал, юзал одноименную реализацию из Materialize