Форум программистов, компьютерный форум, киберфорум
ПисательГудвин
Войти
Регистрация
Восстановить пароль
Оценить эту запись

Серия задач по фронтенду. Задача на вёрстку 2 - адаптивное бургер-меню.

Запись от ПисательГудвин размещена 13.05.2022 в 20:10

Нужно сделать страничку с горизонтальным меню, которое при определённой ширине экрана сворачивалось бы в бургер (три полоски) и по клику выдвигалось бы сверху вниз.
Нажмите на изображение для увеличения
Название: Burger-menu_screen.jpg
Просмотров: 49
Размер:	239.8 Кб
ID:	7527 Нажмите на изображение для увеличения
Название: Burger-menu_screen-2.jpg
Просмотров: 50
Размер:	242.3 Кб
ID:	7530 Нажмите на изображение для увеличения
Название: Burger-menu_screen-3.jpg
Просмотров: 48
Размер:	22.5 Кб
ID:	7531


Условия:
- использовать html+css+js (можно с jQuery);
- все анимации должны быть плавными;
- если выдвинуть и убрать меню, страница под ним должна остаться на том же уровне скроллинга, что была до выдвижения, а не перепрыгивать в самый верх или самый низ;
- само выдвинутое меню тоже можно скроллить, если высота экрана недостаточна.

Работающий образец
Показов 252 Комментарии 0
Всего комментариев 0
Комментарии
 
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru