Как запустить скрипт раньше, чем запустится css переход?

Question

[mishapsv]

Из-за того, что сначала идет css анимация, а скрипт выполняется позже, страница дергается (переходом плавно открываем блок, а скрипт фиксирует блок по центру, чтобы открывшийся контент не выталкивал шапку блока вверх).
Если ставлю скрипт в шапку страницы - все ок. Но это очень нежелательно, как понимаете (основой файл скриптов подключается перед </body>).

Как можно задать порядок выполнения в этом случае?

Comments

[OVK2015]

Дождитесь формирования структуры документа -> зафиксируйте блок как нужно -> запустите анимацию

[mishapsv]

OVK2015 анимация(transition) запускается не скриптом, а цсс-ом.

[OVK2015]

mishapsv: Запустить ее скриптом что мешает? Вариантов много от addClass до https://github.com/Keyframes/jQuery.Keyframes

[Максим Тимофеев]

addClass - самый разумный вариант.

Answer 1

[DmitryRus]

Текущею анимацию оберни в класс, когда нужно запустить анимацию просто через js добавь этот класс