Плавная навигация для одностраничника на jQuery

Одним из главных условий качественного одностраничника является плавная навигация. Плавное перемещение по странице позволяет посетителю отслеживать в какой части сайта он находится и какой объем примерно отведен под ту или иную тему. Выделяя для себя - что прочитать в первую очередь, а что в конце. Плагин который мы рассмотрим сейчас, довольно прост в интеграции и с его помощью может быть внедрена плавная навигация для одностраничника на jQuery на любом html шаблоне или любом другом сайте.

Плавная навигация для одностраничника на jQuery

Горизонтальная и Вертикальная навигация

С помощью плагина вы можете активировать горизонтальную или вертикальную навигацию в своем проекте одностраничника. В зависимости от того насколько будет удобен тот или иной вариант меню, можно будет включить нужную навигацию на сайте.

ВАЖНАЯ ФИШКА: При прокрутке страницы вниз, выделяется тот пункт меню, который соответствует просматриваемой части контента страницы. Вы сможете оценить удобство этой опции посмотрев Демо рабты плагина и увидеть аналогичное применение в рабочем плагине для WordPress Docs Online Product Documentation WordPress Plugin.

Вертикальная навигация
Горизонтальная навигация

Опции настройки для плавной навигации

Опции настройки для плавной навигации здесь представлены в виде скрина (с переводом от Google Translate). Оригинал расположен на странице Демо.

Опции настройки для плавная навигация одностраничника

Далее по ссылке вы можете cкачать проект. Если не знаете как скачивать с GitHub, посмотрите эту статью.

Выводы

Плагин навигации будет легко подключить к вашему одностраничнику, лендингу или страничке с инструкцией на html. Удобство такой навигации явное и понятное. Видеть в какой области контента вы находитесь и плавно перемещаться по разделам сайте добавит преимуществ вашему веб проекту или мануалу.