I noticed that while optimizing the animation for use on the iPad using hardware acceleration, it seems that I am facing a problem that I could not completely solve. If you use webkit transformations such as translate, although the animation works fine, if in the middle of the animation the user scrolls the page when they release it, it makes you stutter when it returns to its original position and tries to continue its animation to the end point.
I searched everywhere to solve this problem, seeing it in the iPad store! If you have an iPad at hand and you go to, for example: http://webkit.org/demos/transitions-and-transforms/ , if you select an item, then drag the page before the button animation finishes (scroll ), then release it, you will see that the animation flickers back to its original position and then repeats until it is complete.
The only way I could get around this is when the touchmove event occurs, I tell the animations to just stay where they were in the original place, which prevents him from repeating the transition to release, as even trying to just tell where to go again, forcing him to return independently (seeing how css transitions seem technically impossible to stop).
Has anyone found any workarounds for this problem, I am sure that this is a bug on the iPad, and not a problem with the animation (this is not related to the problems of saving-3d and what you have), or if I should report it how about a problem.
Thank!
source
share