How to tell Safari iOS7 not stop css animation on scroll?

Question

I have a css rotating animation that stops when scrolling a page. I tried turning on hardware acceleration but no luck.

This does not work while the page scrolls.

-webkit-animation: rotating 5s linear infinite; -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(0); 

Answer 1

In short: you cannot. This is a feature, not a mistake. iOS Safari stops ALL JS and animation on scrolling to save battery life (try scrolling the animated gif page, for example).

I heard you can use hammer.js so that each scroll deals with interactions, which would not mean such reservations. However, it will suck the batteries. Hard

More here: http://eightmedia.imtqy.com/hammer.js/