Je développe actuellement une application Web utilisant html5 et jQuery pour iPad Safari. Je rencontre un problème dans lequel de grandes zones de défilement font apparaître les éléments hors écran après un certain temps lorsque je fais défiler vers eux.
Ce que je veux dire par là, c'est que si j'ai une rangée d'images (ou même un div avec un dégradé) qui est hors écran, lorsque je fais défiler vers le bas (ou vers le haut), le comportement attendu est que l'élément apparaisse à l'écran comme J'y fais défiler.
Cependant, ce que je vois, c'est que l'élément n'apparaît pas tant que je ne lève pas mon doigt de l'écran et que la molette de défilement termine toutes ses animations.
Cela me pose un problème très perceptible, donnant à l'ensemble un aspect saccadé, bien que ce ne soit pas le cas. J'imagine que l'iPad Safari essaie de faire quelque chose pour économiser de la mémoire. Y a-t-il un moyen pour que je puisse empêcher cette agitation de se produire. De plus, j'apprécierais également que quelqu'un puisse faire la lumière sur ce que l'iPad Safari tente réellement de faire.
<svg>
éléments qui présentaient un dessin / rendu retardé similaire. Malheureusement, cela a *:not(html) { ... }
conduit à toutes sortes de comportements étranges, comme l'a souligné @JonathanTonge. Cependant, sélectionner uniquement les <svg>
éléments et utiliser translate3d(0, 0, 0,);
semble avoir résolu mes problèmes de défilement.