css - 试图避免抖动的 CSS 动画

Question

我已经建立了一个 ken burn 效果，以及一些如何使它变得平滑。问题在于，当用户在触摸屏设备上滚动屏幕时，动画会出现抖动。

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

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

有任何想法吗？

Answer 1

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