Фиксированное гамбургер-меню

Данное меню не рассчитано на большое количество пунктов, но отлично будет смотреться как навигационное на небольшом сайте или как вспомогательное.

Открытие и закрытие меню реализовано с использованием библиотеки jQuery

Пример:

Для большей наглядности в пример добавлены мобильник и прокрутка niceScroll. В CSS и JS коде этого нет.

Оригинальный вид страницы с меню можно посмотреть по ссылке

Похожий пример, но с другими возможностями (пункты меню могут иметь подразделы), можно посмотреть в теме: Полноэкранное мобильное меню.

HTML:

Данный код можно разместить на странице в любом удобном месте.

CSS:

Для того чтобы не показывать меню на широких экранах, можно добавить:

jQuery:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!