CSS动画尽量避免生涩

Question

我已经建立了一个ken的烧伤效果和一些如何设法使其平滑。问题在于，当用户在触摸屏设备上滚动屏幕时，动画会跳动。

我虽然通过暂停上滚动动画可能会解决这一点，但实际上并没有。动画是好的，直到用户滚动然后它变得生涩。我已经设置了一个小提琴。

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

任何想法？

Answer 1

这是一个长镜头：使用-webkit-translate-3d，而不是-webkit-translate。前者触发iOS的硬件加速，这可能会帮助你解决性能问题。