блока: header и loader. Loader действует до момента window.load, потом "уезжает" за пределы экрана. До момента загрузки страницы, loader выводит по центру экрана (через абсолютное позиционирование + флексы) лого. Такое же лого стоит и в header. Вопрос: каким образом сделать, чтобы лого из loader уезжало не за пределы страницы, а вставало на место в header?
Чтобы было понятнее, вот то, как это работает сейчас: https://codepen.io/Alexxosipov/pen/OrrjzX
Более подробно то, что хочу, описал на SO: https://ru.stackoverflow.com/questions/931802/
Если кто-нибудь сможет помочь, буду очень признателен, а то всю голову уже сломал
А в чем проблема определить позицию лого в header (js), и использовать анимацию через translate3D до этой позиции? После окончания анимации убирать анимируемый элемент, а вместо него уже "родное" лого поставить (v-show) ?
https://codepen.io/anon/pen/OrrZNP?editors=0100
Обсуждают сегодня