在iPad上滚动页面时使用CSS转换/翻译时出现毛刺

Question

我注意到，虽然优化了iPad上使用硬件加速的动画，但我似乎遇到了一个我尚未完全解决的问题。如果您正在应用翻译等webkit转换，虽然动画运行良好，但如果在动画中出现用户滚动页面，当它们释放时导致动画结束，从而它恢复到其原始位置并尝试继续它的动画到了终点。

我一直在寻找解决这个问题的地方，看到它也发生在iPad商店！如果您手边有iPad并导航到，例如：http://webkit.org/demos/transitions-and-transforms/，如果您选择了一个项目，那么在按钮动画完成之前拖动页面（滚动）然后释放它，您将看到动画闪烁回到其原始位置然后重复，直到完成。

我已经能够解决这个问题的唯一方法是当touchmove事件发生时，我告诉动画只停留在原始位置，从而阻止它试图重复发布过渡，甚至试图只是告诉它再次去哪里，不管它怎么回复（看看如何CSS转换看起来不技术上能够被阻止）。

有没有人发现这个问题的任何解决方法，我敢肯定这是一个iPad上的错误，而不是动画问题（这不涉及有关preserve-3d和你有什么问题），或者如果我应该报告这是一个问题。

谢谢！

Answer 1

不确定我是否正在阅读各行，但我怀疑如果使用touchend与touchmove或touchstart，您可能会看到更好的结果。