Створіть легкі розсувні меню гамбургерів за допомогою рамки jQuery Slidebars

Дизайнери UX обговорюють використання меню гамбургерів у веб-дизайні. Вони служать для мобільних користувачів але також мають більш низьку відкритість.

Я не можу сказати, чи варто їх використовувати на вашому веб-сайті чи ні, але якщо ви шукаєте легкий шлях налаштування ковзного меню потім Рамка для слайдів є зручним ресурсом.

Слайди абсолютно безкоштовні та з відкритим вихідним кодом поверх бібліотеки jQuery. Вона працює так само, як ви очікуєте, де ви клацаєте значок гамбургера, щоб відкрити ковзне меню і його штовхає екран на полотні щоб звільнити місце.

Одна особливість, яка мені особливо подобається - це Натисніть, щоб приховати налаштування де можна натиснути в будь-якому місці сторінки негайно приховати меню. Це не вбудовано в кожен плагін плавного меню, але це функція, яка значно покращує роботу користувачів.

Цей плагін повністю відкритий, а код доступний безкоштовно на GitHub якщо ви хочете тикати навколо. Тим не менш, репо відсутній чіткий набір документації, що робить налаштування більш жорсткими.

На щастя, ви можете знайти це на головному сайті повні інструкції з використання для швидкого запуску Slidebars.

Він підтримує розсувні меню з усіх чотирьох сторін екрану, разом з спеціальні функції для ефектів анімації, вибору кольору та загальної ширини / висоти меню.

Увесь розсувний меню працює на позамежному елементі, так що вам потрібно правильно налаштуйте меню off-canv. Це включає як правильний HTML, так і відповідний CSS для укладання.

Все це докладно детально описано в документації, тому якщо ви слідуєте за сторінками покроково, ви повинні зробити це нормально. І, налаштування за замовчуванням не вимагає спеціальних властивостей, так що якщо ви просто виконуєте основні кроки, ви не матимете ніяких проблем.

Слайди дійсно є повні рамки і він навіть має спеціальний API Ви можете працювати. Це дозволяє викликати функції jQuery для додавання функцій або налаштування функцій за замовчуванням. Відмінний вибір для розробників, які потребують розсувного меню, але не хочуть створювати його з нуля.

Якщо вам цікаво дізнатися більше, перегляньте веб-сайт Slidebars. У ньому є буквально все, що потрібно знати, і багато демонстрацій.