Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как подсветить активную якорную ссылку? (https://javascript.ru/forum/jquery/58480-kak-podsvetit-aktivnuyu-yakornuyu-ssylku.html)

12345678 24.09.2015 12:33

Как подсветить активную якорную ссылку?
 
Здравствуйте!

Есть якорная навигация на одностраничном сайте, нужно при прокрутке страницы до определенного элемента с якорем (например H1) изменить класс у соответствующей ссылки в навигации, например на .active, ну и соответственно чтобы при прокрутке до другого якоря, класс .active удалялся у предыдущей ссылки и назначался следующей.

Пока реализовано на JQuery только плавная прокрутка до соответствующего якоря, хотелось бы дополнить этот скрипт. Рабочий код на jsfiddle: http://jsfiddle.net/yvoys547/
Спасибо!

ksa 24.09.2015 12:45

Цитата:

Сообщение от 12345678
нужно при прокрутке страницы до определенного элемента с якорем (например H1) изменить класс у соответствующей ссылки в навигации, например на .active, ну и соответственно чтобы при прокрутке до другого якоря, класс .active удалялся у предыдущей ссылки и назначался следующей.

Обрабатывать событие скрола документа...
Проверять нужные элементы на "видимость"...
Убирать всем класс active.
Назначать класс active "последнему" или "первому" видимому.

Вот как-то так.


Часовой пояс GMT +3, время: 22:04.