背景選項卡動畫和jQuery

見代碼： http://jsbin.com/amavud/2 背景選項卡動畫和jQuery

問題：在其中實現requestAnimationFrame瀏覽器，當與動畫片設定爲背景（新標籤打開的），動畫定時是borked。

問題：我對requestAnimationFrame的理解是，當移動到背景選項卡時，動畫應該停止，但從這個示例中，似乎webkit瀏覽器完成當前動畫，然後停止。

問題似乎來自第二個和第三個球在移動之前需要延遲的事實，需要setTimeout。在jQuery中實現requestAnimationFrame的方式有問題，還是我只是編寫了這個錯誤？

我試着按照使用delay（）和queue（）的的建議，但似乎無法獲得正確的效果。

來源

2011-07-18 andrewheins

我發現了一個臨時解決方案 - 在requestAnimationFrame提交之前使用舊版本的jQuery。它實際上並沒有解決如何使用新提交來處理背景動畫的問題，但它確實使這個特定的動畫成爲可能。 – andrewheins

什麼版本的jQuery？ – Snowalker

在requestAnimationFrame（1.4.2）之前使用舊版本的jQuery。似乎錯了。我認爲rAF沒有正確實施。

來源

2011-07-19 14:06:50 andrewheins

我不認爲是你編碼的方式，但requestAnimationFrame不在後臺工作，所以它停止。或者至少這是Paul Irish在粗體上說的「如果你在一個不可見的標籤中運行動畫循環，瀏覽器將不會保持運行」。 http://paulirish.com/2011/requestanimationframe-for-smart-animating/

由於這個JS甚至沒有在任何瀏覽器工作，我不知道你爲什麼要實現它。

來源

2011-07-18 23:27:50 Snowalker

這只是問題 - 它在IE 7/8中正常工作，因爲它沒有實現requestAnimationFrame。 – andrewheins

背景選項卡動畫和jQuery

回答

相關問題