valgerofficial
@valgerofficial
Десигнер LVL100

Почему transition работает только в одну сторону?

При скролле вниз transition не работает, а вот когда на верх работает. В чем ошибка?

  • Вопрос задан
  • 101 просмотр
Пригласить эксперта
Ответы на вопрос 3
kryamk
@kryamk
Ну видимо не анимируется с height: 100% до height: auto;
А вот если изменить auto на 0% то более или менее, вот только не уверен что это подойдёт
#main.active {
	min-height: auto;
	height: 0%;
}
Ответ написан
@Laweb
Веб-разработчик
Может вам подойдёт готовый скрипт?
https://youtu.be/RX5kFtUI7q0
Ответ написан
@strelok011
Пишете небольшой js для получения высоты своей страницы (ну или элемента, на котором должен проявляться эффект) после загрузки, добавляете инициализацию этого же кода на resize (мало ли как контент себя поведет), используете это значение для анимации.
Если высота не известна - никакие транзишны и анимашки корректно работать не будут. Всякие аккордеоны, прокрутки и т.п. требуют заранее известной высоты для корректной работы. Браузер ее, к сожалению "на автомате" не подсовывает.
Решение не привожу, в интернете можно найти. Но общий смысл действий описал.
Ответ написан
Ваш ответ на вопрос

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

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