Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.09.2015, 12:33
Кандидат Javascript-наук
Отправить личное сообщение для 12345678 Посмотреть профиль Найти все сообщения от 12345678
 
Регистрация: 03.09.2012
Сообщений: 109

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

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

Пока реализовано на JQuery только плавная прокрутка до соответствующего якоря, хотелось бы дополнить этот скрипт. Рабочий код на jsfiddle: http://jsfiddle.net/yvoys547/
Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 24.09.2015, 12:45
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,121

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

Вот как-то так.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как заставить CHECKBOX модифицировать ссылку AlexBJ Events/DOM/Window 9 02.10.2013 10:19
Как передать ссылку первой картинки на странице maximus Events/DOM/Window 4 30.01.2013 19:32
Как проверить ссылку на работоспособнось? Oleg_777 Общие вопросы Javascript 23 19.03.2009 18:57
Как постоянно запускать одну и туже ссылку? Maxim Общие вопросы Javascript 28 27.02.2009 09:25
как сделать ссылку перехода на скрипт bazhan Общие вопросы Javascript 6 04.09.2008 10:56