SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА
HTML-код
- Опубликовано: 12 июн 2024
- Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340
Выдвижное / Swipe / Toggle меню: codepen.io/rah_emil/pen/dymaxqV
EasyToggler: github.com/rah-emil/easy-toggler (⭐)
Hammer.js: github.com/hammerjs/hammer.js
Друзья! В этом видео мы делаем меню, которое выдвигается слева-направо путём кликов по кнопкам, а также Swipe-жестами. Минимум JavaScript кода! Получилось красиво, и всего за 20 минут😎
========================================
Содержание:
00:00 - начинаем
00:30 - вёрстка
11:10 - реализуем toggle меню (EasyToggler)
16:08 - реализуем swipe жесты
21:38 - гордимся собой и результатом
========================================
avis-agency.ru - создание сайтов под ключ
rah-emil.ru - мой сайт и соц. сети
А как сделать чтобы жест реагировал на 10% размера от всего экрана?
Ну с библиотеками каждий может сделать😒
@@AVISTV ну юзать либу для toggle класа меню эт дичь, там 10 строчек кода, если не меньше
@@AVISTV может для новичков на чистом js сделаешь?)) Я думаю многим бы зашло)