Juodvirshis
@Juodvirshis

Как сделать адаптивное меню (сворачивание по пунктам)?

Как сделать адаптивное меню (сворачивание по пунктам)?
https://jsfiddle.net/drwp3zjm/7/
При уменьшении экрана:
1. меню не должны переноситься на новую строку
2. В черном меню пункты должна перемещаться в Dropdown-Menu2 начиная с конца (settings)
3. Как только все пункт черного меню перенесены, должны начаться переноситься пункты красного меню в Dropdown-Menu1
4. Если в dropdown меню присутствуют пункты, то в синем меню в пункт "y" убирается класс hidden
  • Вопрос задан
  • 27 просмотров
Пригласить эксперта
Ответы на вопрос 1
@VicTHOR
(╮°-°)╮┳━━┳ ( ╯°□°)╯ ┻━━┻
Создать пункты из черного и красного меню в нужных местах и скрыть.
При уменьшении экрана получать координаты и содержимое блоков, сравнить по содержимому, если наехало на блок - блок с этим содержимым скрыть, а в нужном меню показать.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы