我注意到在使用硬件加速优化 iPad 上使用的动画时，我似乎遇到了一个我无法完全解决的问题。如果您正在应用 webkit 转换，例如翻译，虽然动画运行良好，但如果在动画发生的中间用户滚动页面，当他们释放它时会导致动画断断续续，从而恢复到其原始位置并尝试继续它的动画到它的终点。
我一直在到处寻找解决这个问题的方法，在 iPad 商店也看到了它!如果您手边有 iPad 并导航至，例如:http://webkit.org/demos/transitions-and-transforms/ , 如果您选择一个元素然后在按钮动画完成之前拖动页面(滚动)然后释放它，您将看到动画闪烁回到其原始位置然后重复直到完成。
我能够解决此问题的唯一方法是在发生 touchmove 事件时，我告诉动画只停留在其原始位置，这会阻止它尝试在释放时重复过渡，甚至尝试只是告诉它再次去哪里导致它无论如何都恢复(看看 css 转换在技术上似乎无法停止)。
有没有人找到解决这个问题的方法，我很确定这是 iPad 上的一个错误，而不是动画的问题(这不涉及关于 preserve-3d 和你有什么的问题)，或者如果我应该将此报告为一个问题。
谢谢!
最佳答案
不确定我是否在字里行间，但我怀疑如果使用 touchend 与 touchmove 或 touchstart 相比，您可能会看到更好的结果。
关于css - 滚动页面时在 iPad 上使用 CSS 转换/翻译时出现故障，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4014257/