Задать вопрос
@schurin
Люблю катать с гор, особенно на санках
javascript

Почем css анимация ждёт окончания выполнения js?

Всем, привет!
Решил поставить лоадер на css при первичной инициализации приложения, ибо возможно моменты, что в ie9 оно будет инициализироваться по 10 секунд.
Вставляю див по центру, стили для него подгрузились, но вот анимайция по не идёт до тех пор пока js весь не выполнится.

Подскажите, как связан поток выполнения js-кода с css-анимациями
  • Вопрос задан
  • 240 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
andykov
@andykov
Shit happens
Подозреваю что у вас задерживается рендеринг страницы. Попробуйте перенести скрипты в конец документа.
Без кода сложно что-то сказать.
UPD: Может это поможет frontender.info/script-loading
Ответ написан
1 комментарий
1 комментарий
miraage
@miraage
Старый прогер
Возможно такой "хак" поможет, чтобы анимация в блоке выполнялась отдельным потоком в GPU.
.someBlock {
  transform: translateZ(0);
}


// UPD

Так же, обязательно надо держать все скрипты перед закрывающим тэгом body.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Ещё вакансии