Как можно реализовать такое меню?

Question

[Yana N]

Главный затык с js: при нажатии на пункт меню, меню приподнимается вверх. подпункт на всю ширину окна.
Еще меню всегда прижато к низу (с этим проблем нет).



может есть готовые плагины (не могу найти)

Comments

[Максим]

Яна мне что из картинок как в vk делать меню ?

[Ivan Bogachev]

Главный затык с js: при нажатии на пункт меню, меню приподнимается...

Вы бы показали свой код (лучше сразу демку на codepen/jsfiddle), а то получается вопрос с "гаданием по фотографии".

[Yana N]

Максим Ленский, не поняла вопрос.. каких картинок и какое такое меню в вк?

вбщ это обычное меню на сайте - нестандартное немного
без картинок и всего такого

[Максим]

Yana N, вы вместо кода вывалили картинку ..я сделал вывод что вам надо вики меню в vk

[boga-net]

Плохо, когда люди не умеют нормально формулировать вопрос и ждут, что прочтут их мысли. Ни кода, ни подробного объяснения.
"меню приподнимается вверх" - подпункты появляются снизу или основное меню при нажатии поднимается вверх ?
"Еще меню всегда прижато к низу" - подменю прижато к низу ?

Answer 1

[Даниил Сугоняев]

В общем какой вопрос - такой ответ. Посмотрите, если я правильно вас понял это поможет www.htmldrive.net/items/demo/239/Horizontal-Subnav...

Comments

[Yana N]

да то что надо
получилось немного изменить и получить что требовалось
https://jsfiddle.net/u757zjce/1/

но маленький ньюанс все-таки
теперь при наведении на пункты даже если нет подпунктов то меню все равно поднимается
я понимаю что это из-за селектора

попыталась более точно указать наследием или по классу чтобы отличал именно тот у которого есть подпункты но тогда получается что как только уводишь курсор меню закрывается
https://jsfiddle.net/u757zjce/2/

не могу сообразить как доделать

[Даниил Сугоняев]

Yana N, Доработал
https://jsfiddle.net/u757zjce/3/

[Yana N]

Даниил Сугоняев, спасибо большое!