Создавайте доступные раздвижные меню гамбургеров с Offcanvas
Свобода Плагин Offcanvas является одним из многих ресурсов для скользящей навигации. Вы можете найти множество похожих плагинов в сети, но Offcanvas выделяется по нескольким причинам..
Это довольно легкая библиотека и хотя он работает на JQuery это также не очень сложно настроить. Это относится как к коду JavaScripts, так и к HTML-коду, поэтому вам вообще не нужно сильно менять навигацию по умолчанию.
Плагин Offcanvas позволяет вам обозначить определенные области, где должно появиться меню. По умолчанию это обычно левая или правая сторона экрана, но вы также можете выбрать верхнюю или нижнюю часть экрана..
Это делает Offcanvas отличным для Больше чем просто раздвижные меню гамбургера. Может использоваться для скользящие панели уведомлений или даже поля выбора для захвата писем.
Каждая панель работает так же, как пользователь может нажмите в любом месте на странице, чтобы скрыть скользящее меню. И вы можете настроить команды клавиатуры которые работают в соответствии с руководящими принципами ARIA для правильного доступа в Интернет.
Чтобы установить Offcanvas, вам просто нужно копия jQuery вместе с Offcanvas CSS / JS файлы. Вы можете получить их через npm, bower или напрямую с GitHub..
Также на странице GitHub вы посмотрите пример кода Вы можете переделать под свой сайт. Все, что вам нужно для скользящей навигации, это элемент, содержащий ваше меню (или все, что вы хотите, чтобы скользить на страницу).
Это срабатывает через якорную ссылку указывая на идентификатор вашего скользящего меню. Вот фрагмент из GitHub Offcanvas, который иллюстрирует краткий пример:
... Меню ...
Если вы можете немного переделать HTML на вашей странице у вас не должно возникнуть проблем с настройкой всего этого.
offcanvas ()
Функция даже поддерживает варианты изменение скорости анимации, класс по умолчанию, а также функции обратного вызова который может работать после того, как меню открывается или закрывается.
Чтобы узнать больше и посмотреть живую демоверсию, загляните на главную страницу плагина. Offcanvas - отличный выбор для навигация на основе jQuery если вам нравится меню гамбургеров.