У меня есть вращающаяся анимация css, которая останавливается при прокрутке страницы. Я попытался включить аппаратное ускорение, но безуспешно.
Это не работает, пока страница прокручивается
-webkit-animation: rotating 5s linear infinite;
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);
Короче: нельзя. Это фича, а не баг. iOS Safari останавливает ВСЕ JS и анимацию при прокрутке для экономии заряда батареи (например, попробуйте прокрутить страницу с анимированными GIF-файлами).
Я слышал, что вы можете использовать Hammer.js, чтобы сделать каждую прокрутку сенсорным взаимодействием, что не означает таких предостережений. Тем не менее, это будет сосать батареи. Жесткий.
Вот еще: http://eightmedia.github.io/hammer.js/
