Не отображаеться блок при изминении translateY
Сверстал блок который после написания скрипта будет выезжать при нажатии иконки меню. Пытаюсь его открыть путём изменения translateY() с -100% на 0 но он не отображается. В чём может быть проблема?
https://tekeo-ronin.github.io/skinali-factory/
Ответы (1 шт):
Автор решения: sergey kuznetsov
→ Ссылка
Последовательность .navbar .menu в вашем css не правильная. Элементы на одном уровне. Замените свои .navbar .menu и .navbar .menu_active на этот код. А дальше пишите скрипт, присваивая классу .menu класс .menu_active.
.menu {
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
padding: 16px 0;
background-color: #507fe1;
transition: 0.2s;
transform: translateY(-100%);
}
.menu_active {
transform: translateY(100%);
}