J'utilise Nous avons utilisé de très bons articles pour améliorer le défilement et, en effet, ils ont fait, comme:
Après de nombreuses modifications basées sur ces articles, nous sommes arrivés au point où Le site a un défilement ultra-lisse lorsque nous le modifia sur Position: fixe sur mon site pour réparer la barre de navigation dans le port de vue, tout comme la barre bleue de Facebook, mais lorsque nous l'avons essayé sur des appareils mobiles / tablettes (avec leur faible POUVOIRS DE TRAITEMENT) Cette barre fixe fait un très mauvais coup sur la performance, ce qui fait une très mauvaise expérience utilisateur lors du défilement,
position: fixe est la seule enquête laissée pour nous pour améliorer.
Position: absolu . Mais avec la fixation, le défilement a un très mauvais inconvénient dans la mesure où il pourrait accrocher le navigateur de safari sur iPad lors du défilement d'une certaine manière, Saviez-vous comment utiliser position: fixe avec une bonne performance sur les appareils de tablette / mobile?
3 Réponses :
Si vos "appareils de tablette / mobile", qui ont un problème de performance, ont un moteur WebKit, vous pouvez probablement trouver une réponse ici: Chrome lent défilement avec des éléments de position fixes
Réponse rapide: essayez d'ajouter -webkit-transformer: translatez (0); sur bloc fixe.
Si vous avez un problème de pied de page (position: corrigé) "Vous suivez" Utilisation -WebKit-Transform: TRUCLATEZ (0); le résout (au moins dans Android <2.2). Merci!!!
Pour obtenir un défilement lisse dans un appareil mobile, également lorsque vous avez «Position: Absolute»,
Il vous suffit d'ajouter à la DIV l'attribut CSS
-webkit-overflow-défilement: toucher;
Cela semble améliorer les performances un peu, bien que des éléments enfants avec position: fixe semblent avoir de très mauvaises performances dans la safari mobile
Cela corrige mon problème où j'avais besoin d'un div avec hauteur: 100% et position: fixe . Sans que le défilement CSS était glitchy et avec elle je suis doré.
Maintenant, vous pouvez utiliser "Position: Sticky"
Quelle serait la différence de performance entre le 2?
Sticky est meilleur ... La motion est impeccable ... Vérifiez cette table sur la vue mobile: Genevo .COM / CZ / SROVNANI-DETEKTORU ... Si vous faites défiler horizontalement, il collera les colonnes de gauche