PO
Неножко html, немножко css, немножко js
Size: a a a
2021 December 04
ИМ
ну он на vue сделан, можно и без него. у них сделано так что 3 выпадашки сверстаны, и при ховере на i-ую ссылку добавляется класс active на i-ую выпадашку. У Вас на каком этапе сложности возникли?
PE
Объясни в чем затык то?
PE
Это так называемое мега-меню.
E
Игорь спасибо, значит применяем js?
E
Полина, спасибо за реакцию, проблема, что спадает весь header
PE
Эм...
Дай посмотреть, если можно
Дай посмотреть, если можно
E
Полина, сверху справа
E
у меня пока только так получается
PE
Так в чем бага то?
E
у меня вложенность толкает меню вверх, а зафиксировать не могу, в оригинале не фиксации для респонса
E
наверное средствами css не получится сделать надо применять js
PE
Так выпадающее изначально выбито из потока абсолютом...
Прости, не пойму....
Прости, не пойму....
ИМ
ну можно и без него
E
к сожалению не могу понять как, в оригинале присваивается класс active
ИМ
ну у Вас будет примерно так:
ul
li
a
.dropdown
li
a
.dropdown
и стили будут
a:hover + .dropdown {
display: block;
}
ul
li
a
.dropdown
li
a
.dropdown
и стили будут
a:hover + .dropdown {
display: block;
}
E
&__item{
border-bottom: 1px solid transparent;
margin-right: 1.5rem;
display: list-item;
text-align: -webkit-match-parent;
&:last-child{ margin-right: 0; }
&:hover{
border-bottom-color: $falured;
.header__menu{ display: block; }
}
border-bottom: 1px solid transparent;
margin-right: 1.5rem;
display: list-item;
text-align: -webkit-match-parent;
&:last-child{ margin-right: 0; }
&:hover{
border-bottom-color: $falured;
.header__menu{ display: block; }
}
ИМ
т.е. в <li> 2 элемента, на один ховерите, и при ховере на следующий элемент вешаете что пожелаете
ИМ
попробуйте на codepen залить что у Вас есть, (ну или на ему подобные сервисы) что бы потыкаться можно было, так по коду сложно сказать
E
не срабатывает