2010-10-25 46 views
5

我注意到,雖然優化了iPad上使用硬件加速的動畫,但我似乎遇到了一個我尚未完全解決的問題。如果您正在應用翻譯等webkit轉換,雖然動畫運行良好,但如果在動畫中出現用戶滾動頁面,當它們釋放時導致動畫結束,從而它恢復到其原始位置並嘗試繼續它的動畫到了終點。在iPad上滾動頁面時使用CSS轉換/翻譯時出現毛刺

我一直在尋找解決這個問題的地方,看到它也發生在iPad商店!如果您手邊有iPad並導航到,例如:http://webkit.org/demos/transitions-and-transforms/,如果您選擇了一個項目,那麼在按鈕動畫完成之前拖動頁面(滾動)然後釋放它,您將看到動畫閃爍回到其原始位置然後重複,直到完成。

我已經能夠解決這個問題的唯一方法是當touchmove事件發生時,我告訴動畫只停留在原始位置,從而阻止它試圖重複發佈過渡,甚至試圖只是告訴它再次去哪裏,不管它怎麼回覆(看看如何CSS轉換看起來不技術上能夠被阻止)。

有沒有人發現這個問題的任何解決方法,我敢肯定這是一個iPad上的錯誤,而不是動畫問題(這不涉及有關preserve-3d和你有什麼問題),或者如果我應該報告這是一個問題。

謝謝!

回答

1

不確定我是否正在閱讀各行,但我懷疑如果使用touchend與touchmove或touchstart,您可能會看到更好的結果。