To move a page, use the CSS3 animation

When it comes to animations, we typically use animate () in jquery;

In the PC browser, it is very convenient, due to the high performance of the PC, this constant modification of the DOM does not have much problem, but on the phone side is different.

Using animate in jquery or zepto on your phone will still bring some small lag.

Although the hardware performance of the mobile platform is slightly worse, but the WebKit core has a large share.

Like a simple modification of a CSS property can be given to transition to do (prefix), with the transition monitoring properties, as long as the modified value, will automatically follow the set time to complete the excessive, note that this is done by the browser rendering engine, does not cause re-flow and re-draw so it looks smoother.

and complex animation will be handed to CSS3 in the animation (prefixed) and @keyframes to complete.

Set the design of each time point, you will think of old-fashioned cartoons.

To move a page, use the CSS3 animation