Фоновая вкладка Анимация и JQuery

Question

См. Код: http://jsbin.com/amavud/2

Проблема: В браузерах, которые реализуют requestAnimationFrame, когда вкладка с анимацией установлена ​​на фон (новая вкладка открыта), синхронизация анимации прерывается.

Вопрос : Насколько я понимаю, requestAnimationFrame понимает, что анимация должна останавливаться при перемещении на фоновую вкладку, но из этого примера кажется, что браузеры webkit завершают текущую анимацию и затем ОСТАНАВЛИВАЮТСЯ.

Проблема , по-видимому, возникает из-за того, что второму и третьему шарам необходима задержка перед перемещением, требующая setTimeout. Есть ли проблема с тем, как requestAnimationFrame реализован в jQuery, или я просто неправильно это кодирую?

Я пытался следовать советам по http://api.jquery.com/animate/, используя delay () и queue (), но, похоже, не получил нужного эффекта.

Answer 1

Использование старой версии jQuery перед requestAnimationFrame (1.4.2).Кажется неправильнымЯ не думаю, что rAF правильно реализован.

Answer 2

Я не думаю, что вы пишете код, но тот факт, что requestAnimationFrame НЕ работает в фоновом режиме, поэтому он останавливается. Или, по крайней мере, это то, что Пол Ириш говорит жирным шрифтом: «если вы запускаете цикл анимации на невидимой вкладке, браузер не будет ее запускать». http://paulirish.com/2011/requestanimationframe-for-smart-animating/

Так как этот js даже не работает ни в одном браузере, я не знаю, почему вы хотите его реализовать.