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

Question

[valgerofficial]

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

Answer 1

[kryamk]

Ну видимо не анимируется с height: 100% до height: auto;
А вот если изменить auto на 0% то более или менее, вот только не уверен что это подойдёт

#main.active {
	min-height: auto;
	height: 0%;
}

Answer 2

[Александр Лелека]

Может вам подойдёт готовый скрипт?
https://youtu.be/RX5kFtUI7q0

Comments

[valgerofficial]

Не хотелось бы засорять сайт различными плагинами...

Answer 3

[strelok011]

Пишете небольшой js для получения высоты своей страницы (ну или элемента, на котором должен проявляться эффект) после загрузки, добавляете инициализацию этого же кода на resize (мало ли как контент себя поведет), используете это значение для анимации.
Если высота не известна - никакие транзишны и анимашки корректно работать не будут. Всякие аккордеоны, прокрутки и т.п. требуют заранее известной высоты для корректной работы. Браузер ее, к сожалению "на автомате" не подсовывает.
Решение не привожу, в интернете можно найти. Но общий смысл действий описал.