Comment fixer le défilement lent lors de l'utilisation webkit-transformation et le positionnement relatif sur l'iPhone

Question

Je l'ai mis en œuvre le défilement d'un div en utilisant le positionnement relatif et de l'animation de WebKit pour l'iPhone, il fonctionne à merveille sur le safari de bureau, mais est saccadée sur l'iPhone réelle (bien sur le simulateur).

Les travaux de défilement en ayant un div imbriqué et écrêté (overflow: hidden) par son parent. Je mets alors la première position et animez avec des déclarations de style -webkit. L'iPhone semble ralentir sensiblement vers le bas quand il y a beaucoup d'éléments dans la div intérieure.

Toutes les idées comment font le défilement plus fluide?

Ce fut un problème avec le code iScroll et mes propres trucs codés à la main.

Answer 1

L'utilisation translate3d est beaucoup plus rapide que de traduire directement vers le haut, car il utilise l'accélération matérielle.