Вы здесь

Как добавлять класс active ссылкам на одностраничнике?

0

Имеется Landing Page на Drupal 7. Меню со скроллингом к блокам на странице реализовано с помощью scrool to destination anchors и void menu. Каким способом можно реализовать так, чтобы выделялись ссылки меню (добавлялся класс .active) в зависимости от того места где мы находимся на странице?
Так же есть внутренние страницы, например переход к архиву новостей. На внутренних страницах есть другое меню со ссылками вида '/#news_block'. Оно тоже с помощью void menu работает. При нажатии на пункт меню с ссылкой типа '/#news_block' нас перекидывает на главную страницу сразу к блоку новостей. А каким способом здесь можно сделать так, чтобы ссылки имели класс .active?

Версия Drupal: 
7.x
Вопрос задан 31.07.2017 - 12:24

Последний раз повторяю - пишите в заголовке суть вопроса. Заголовок должен содержать вопросительное слово и знак вопроса. Темы без нормальных заголовков впредь будут удаляться.

Комментарий оставлен 31.07.2017 - 12:35

извините, старался, но так и не смог сообразить адекватное название. Спасибо за то, что поправили.

Комментарий оставлен 31.07.2017 - 13:01

Ответы

0

Частично решил вопрос с классами .active на главной странице.
Модули https://www.drupal.org/project/waypoints и https://www.drupal.org/project/menu_attributes помогли. Если кому-то нужно будет выложу JS код для использования этой связки

Осталось решить вопрос с классами active у пунктов меню на внутренних страницах.
Например... Находясь на странице архива новостей по адресу /news мы имеем в меню ссылку "Новости" с адресом '/#news_block', которая ведет к якорю блоку на главной. На этой странице нужно этот пункт и выделить классом .active

Ответ дан 01.08.2017 - 12:01