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

滚动页面时在iPad上使用CSS转换/翻译时出现故障,css,ipad,webkit,css-transitions,css-transforms,Css,Ipad,Webkit,Css Transitions,Css Transforms,我注意到,在使用硬件加速优化iPad动画时,我似乎遇到了一个我无法完全解决的问题。如果你正在使用像翻译这样的WebKIT转换,虽然动画运行得很好,但是如果在动画出现的时候,用户滚动页面,当它们释放时,动画就会被结巴,从而恢复到原来的位置,并试图继续动画到它的终点。 我一直在到处寻找解决这个问题的方法,在iPad商店也看到了这种情况!如果您手边有一台iPad,并且导航到,例如:,如果您选择了一个项目,则在按钮动画完成之前拖动页面(滚动),然后释放它,您将看到动画闪烁回其原始位置,然后重复,直到完成

我注意到,在使用硬件加速优化iPad动画时,我似乎遇到了一个我无法完全解决的问题。如果你正在使用像翻译这样的WebKIT转换,虽然动画运行得很好,但是如果在动画出现的时候,用户滚动页面,当它们释放时,动画就会被结巴,从而恢复到原来的位置,并试图继续动画到它的终点。 我一直在到处寻找解决这个问题的方法,在iPad商店也看到了这种情况!如果您手边有一台iPad,并且导航到,例如:,如果您选择了一个项目,则在按钮动画完成之前拖动页面(滚动),然后释放它,您将看到动画闪烁回其原始位置,然后重复,直到完成

我能够解决这个问题的唯一方法是,当touchmove事件发生时,我告诉动画只停留在其原始位置,这会阻止它尝试在发布时重复转换,因为即使尝试只告诉它再次去哪里,也会导致它恢复(看看css转换在技术上似乎无法停止)

有人找到了解决这个问题的方法吗?我敢肯定这是iPad上的一个bug,而不是动画的问题(这不涉及关于preserve-3d和你们有什么的问题),或者我是否应该将此作为一个问题报告


谢谢!

我不确定是否在字里行间阅读,但我怀疑如果使用touchend而不是touchmove或touchstart,您可能会看到更好的效果