Создавайте легкие раздвижные меню гамбургеров с помощью jQuery Slidebars Framework

UX дизайнеры спорят по поводу использования меню гамбургеров в веб-дизайне. Oни служить цели для мобильных пользователей но также иметь более низкую видимость.

Я не могу сказать, стоит ли их использовать на вашем сайте или нет, но если вы ищете простой способ настроить скользящее меню тогда Каркас слайдбаров это удобный ресурс.

Slidebars абсолютно бесплатны и с открытым исходным кодом, построены поверх библиотеки JQuery. Это работает так же, как вы ожидаете, когда вы нажимаете значок гамбургера, чтобы открыть скользящее меню, и это отталкивает экран от холста освободить место.

Одна особенность, которая мне особенно нравится, это настройка «нажмите, чтобы скрыть» где вы можете нажать в любом месте на странице, чтобы сразу скрыть меню. Это не встроено в каждый плагин скользящего меню, но это функция, которая значительно улучшает пользовательский опыт.

Этот плагин полностью с открытым исходным кодом и код доступен бесплатно на GitHub если хочешь поковыряться. Однако в репо отсутствует четкий набор документации, что усложняет настройку.

К счастью, вы можете найти это на главном сайте с полное руководство по использованию для быстрого запуска Slidebars.

Поддерживает скользящие меню со всех четырех сторон экрана, вместе с пользовательские функции для анимационных эффектов, выбора цвета и общей ширины / высоты меню.

Все скользящее меню работает над элементом вне страницы, так что вам нужно правильно настроить меню вне холста. Это включает в себя как правильный HTML, так и правильный CSS для стиля.

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

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

Если вам интересно узнать больше, посетите веб-сайт Slidebars. В нем буквально все, что вам нужно знать, и множество демонстраций, чтобы обойти.