Насколько трудоёмко будет реализовать такое меню?

Question

[Spaceoddity]

По ховеру! Вроде как в дизайне подразумевается именно ховер, а не клик.
По клику, понятное дело, ерунда.
А вот с ховером я ничего вменяемого придумать не могу.
Потому что всплытие событий тут конфликтует с разметкой. Можно соорудить конструкцию, где подменю будет потомком пункта верхнего меню (и соответственно "держать" ховер на этом пункте), но тогда возникают проблемы с вёрсткой - подменю растянет высоту пункта на флексбоксе или гриде. Так что надо позиционировать, но тогда надо жёстко прописывать размеры...

Comments

[Danny Arty]

не сложно и не трудоемко от слова "вообще"

[VitalyChaikin]

Сделайте по клику - на Андройде/IOS ховера не будет )

[VitalyChaikin]

И кстати, при ховере - эмулируйте клик :) // вдруг поможет ...

Answer 1

[FeST1VaL]

Не сильно сложно, если я правильно вас понял, то посмотреть можно вот тут меню "Наши услуги": Ссылка :)

Answer 2

[Yupiter7575]

установите position abcolute или fixed и будет вам счастье

Comments

[Spaceoddity]

Не будет. Как мне размеры родительского блока высчитывать? Через opacity:0 для подменю, по ховеру получать его размеры, а затем уже проставлять размеры блоку?
В теории да, этот способ будет работать. Но это же даже костыль, это инвалидное кресло))
Так-то есть вариант заменить "click" на "mouseenter/mouseleave", там тоже не очень просто получится - mouseleave надо будет отслеживать и на пункте меню, и на подменю, но хотя бы на каждый чих не надо заставлять браузер считать размеры))

Answer 3

[kxnkxv]

найдите любую UI библиотеку и подсмотрите реализацию там, всё уже придумано по 10 раз)