Comment fixer le défilement lent lors de l'utilisation webkit-transformation et le positionnement relatif sur l'iPhone
-
19-09-2019 - |
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.
La solution
L'utilisation translate3d est beaucoup plus rapide que de traduire directement vers le haut, car il utilise l'accélération matérielle.