CSS动画试图避免生涩

Question

我已经建立了一种ken burn效果，有些人设法让它变得平滑。问题是当用户在触摸屏设备上滚动屏幕时，动画然后猛然移动。

我虽然暂停滚动动画可能会解决这个问题，但事实并非如此。动画很好，直到用户滚动然后它变得生涩。我已经设置了一个小提琴。

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

有什么想法吗？

Answer 1

以下是远景：使用-webkit-translate-3d代替-webkit-translate。前者触发iOS的硬件加速，这可能会帮助您解决性能问题。