Почему зависает css-анимация при загрузке данных через ajax?
Есть страница, которая отправляет несколько ajax-запросов (с выключенной асинхронностью) на сервер, потом вставляет все полученные данные в определенный блок. Все это занимает пару секунд, и я решил сделать индикатор загрузки, чтобы было видно, что процесс идет.
Анимация сделана на css с ключевыми кадрами, первую секунду она работает нормально, но потом останавливается на все время действия скрипта.
Можно ли сделать, чтобы анимация продолжала работать? В чем может быть проблема?
Не дам гарантию на 100%, но вроде во время блокирующих операций рендеринг не производится. Соответственно необходимо переписать AJAX запросы на неблокирующий асинхронный манер.
Андрей: вот в том-то и дело. Два раза сталкиваюсь с такой ситуацией. Сначала загрузка зависает, потом что-то меняю (в последний раз немного переписал CSS анимации) и все работает как надо. Никак не удается уловить из-за чего не получается сразу.