Первый переход не работает, потому что начальная высота не установлена - PullRequest
0 голосов
/ 08 июня 2018

Я работаю с <div> в веб-приложении, которое можно свернуть с помощью кнопки переключения.Нажатие на кнопку изменяет высоту <div>, которая отлично работает и использует transition: .4s;.

Проблема: При первом нажатии кнопки высота изменяется внезапно и без каких-либо переходов.Другие прессованные работают просто отлично.Это связано с тем, что высота <div> изначально не установлена, а min-height, max-height.Итак, я попытался, когда кнопка нажимается в первый раз, чтобы получить высоту div с помощью javaScript, а затем просто установить высоту на это.К сожалению, переход все еще не работает в первый раз.

Я использую Polymer, кстати.

Надеюсь, у вас есть несколько советов, заранее спасибо!

1 Ответ

0 голосов
/ 08 июня 2018

Возможно, вы можете попытаться анимировать max-height, а не height.

Так что вам не нужно получать начальную высоту через JS.

...