CSS動畫儘量避免生澀

Question

我已經建立了一個ken的燒傷效果和一些如何設法使其平滑。問題在於，當用戶在觸摸屏設備上滾動屏幕時，動畫會跳動。

我雖然通過暫停上滾動動畫可能會解決這一點，但實際上並沒有。動畫是好的，直到用戶滾動然後它變得生澀。我已經設置了一個小提琴。

http://jsfiddle.net/gxUhH/58/

任何想法？

Answer 1

這是一個長鏡頭：使用-webkit-translate-3d，而不是-webkit-translate。前者觸發iOS的硬件加速，這可能會幫助你解決性能問題。