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

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

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

Комментарии

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

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

Выравнивание блоков на всю ширину (justify)
Как в горизонтальным меню, метод с justify и after 100% можно использовать для выравнивания других элементов в одну...
1163
0
Горизонтальное меню justify
В отличии предыдущего меню, где есть отступы у каждого элемента, часто возникает задача сделать резиновое меню без них. Пункты меню должно идти с одинаковыми интервалами и без отступов по бокам.
1764
0
Главное меню для мобильной версии сайта
Не очень сложное раскрывающееся меню для мобильной версии сайта на JQuery.
8968
+7
Меню-подсказка на затемненном фоне
Пример реализации всплывающей подсказки или меню с затемнением фона на jQuery и CSS, в верстке использованы блок со...
1314
+2
Фиксированная шапка таблицы при прокрутке
Представленный код позволяет c помощью jQuery зафиксировать шапку таблицы при прокрутке страницы. Скрипт поддерживает...
14720
+1
Как сделать интерактивную схему на SVG + jQuery
В данном примере описано как сделать интерактивную схему магазинов на основе векторной графики SVG и jQuery.
16747
+8