Плавающее меню в мобильных

artem99357

New Member
Регистрация
02.10.2020
Сообщения
1
Здравствуйте.
Возможно кто-то сталкивался, подскажите пожалуйста, как реализовать:
1. Есть обычное меню.
2. Данное меню фиксированное (плавающее) после пролистывания всегда находится вверху экрана.
3. Разумеется, в мобильных меню скрыто, а при нажатии кнопки выезжает.
4. Перед меню есть блок.
5. Меню открывается под этим самым блоком и кнопкой меню.
Вопрос: Как реализовать открытие данного меню всегда вверху экрана телефона, вне зависимости от положения на сайте, где бы не находился, при нажатии на кнопку, меню уезжает в самый верх и выпадает сам список меню (игнорируя при этом тот блок, который находится перед меню, когда оно в свёрнутом положении)
 

Вложения

  • 37,8 КБ Просмотры: 54
  • 16,5 КБ Просмотры: 50

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
Попытались написать подробно задние. Хвалю.
Но всё равно ничего не понятно.

"вверху" решается с помощью position absolute или fixed
А если надо "поверх", то с добавлением z-index
 

Bagabas

Member
Регистрация
22.12.2017
Сообщения
17
Да можно просто сделать открытие вверх с помощью transform y
 
Верх Низ