Come risolvere lento lo scorrimento quando si utilizza WebKit-trasformare e relativo posizionamento su iPhone

Question

Ho implementato lo scorrimento di un div utilizzando il posizionamento relativo e l'animazione WebKit per l'iPhone, funziona splendidamente su safari desktop, ma è mosso su iPhone attuale (fine sul simulatore).

Le opere di scorrimento di avere un div nidificato e tagliate (overflow: hidden) dal suo genitore. Ho quindi impostare la posizione superiore e animare con dichiarazioni di stile -webkit. L'iPhone sembra rallentare notevolmente verso il basso quando ci sono un sacco di elementi nella div interno.

Tutte le idee come rendono lo scorrimento più agevole?

Questo è stato un problema con il codice di iScroll e la mia roba codificato mano.

Answer 1

Utilizzando translate3d è molto più veloce verso l'alto da tradurre, in quanto utilizza l'accelerazione hardware.