Фиксированное горизонтальное меню с активными пунктами

Пример горизонтального меню для лэндингов, в котором реализовано:

  • При прокрутке меню фиксируется.
  • Выделение активного пункта меню по текущему блоку.
  • По клику на меню происходит плавная прокрутка до якоря.
  • Адаптация позиции меню при изменении ширины окна браузера.
19.12.2018, обновлено 17.02.2020
6306

Комментарии

, чтобы добавить комментарий.

Другие публикации

Выделение активных пунктов меню с помощью JQuery
Небольшой пример, как выделить активный пункт в меню с помощью JQuery. Возьмем меню для левой колонки...
1302
+1
Выравнивание блоков на всю ширину (justify)
Как в горизонтальным меню, метод с justify и after 100% можно использовать для выравнивания других элементов в одну...
2807
-1
Горизонтальное меню justify
В отличии предыдущего меню, где есть отступы у каждого элемента, часто возникает задача сделать резиновое меню без них. Пункты меню должно идти с одинаковыми интервалами и без отступов по бокам.
3902
0
Главное меню для мобильной версии сайта
Не очень сложное раскрывающееся меню для мобильной версии сайта на JQuery.
18954
+8
Меню-подсказка на затемненном фоне
Пример реализации всплывающей подсказки или меню с затемнением фона на jQuery и CSS, в верстке использованы блок со...
2232
+1
Как сделать интерактивную схему на SVG + jQuery
В данном примере описано как сделать интерактивную схему магазинов на основе векторной графики SVG и jQuery.
23483
+11