2013-02-05 66 views
1

我在使用transitionend在CSS中對轉換進行排序時遇到了Firefox 18.0.1中的抖動/毛刺問題。我嘗試動畫的對象會短暫地跳到結束位置,然後返回到開始位置,然後繼續補間。Firefox 18.0.1(Mac)CSS轉換序列抖動

這經常發生在Firefox(Mac)中,並且在Safari中間歇性地發生。它也可能發生在Windows Firefox中,但我沒有檢查。任何想法可能會導致這種情況?

看一看這裏的演示(僅供參考它的特定的編碼爲Firefox):
​​

回答

2

我一直在爲相同問題上運行,所以我在這裏提出了錯誤:https://bugzilla.mozilla.org/show_bug.cgi?id=850320

同時,我發現在兩次轉換之間排隊非常短的延遲(大約10ms左右)可以確定跳轉。如果您使用的是jQuery Transit,只需在任何.transition({})後添加.delay(10),您認爲它將排隊。

+0

我在FF22上遇到了同樣的問題。我認爲你的黑客有點脆弱;在我的情況下,延遲10甚至15毫秒不起作用,但它適用於...... 16毫秒。過渡/動畫還沒有。 – AlexG