Pourquoi « position : fixe » ne fonctionne-t-il pas toujours dans Mobile Safari ?

Safari mobile et position : corrigés - un guide

Développeurs confrontés à des problèmes

iOS mobile Les utilisateurs de Safari ont signalé un problème courant avec les éléments à position fixe. Bien qu'ils soient implémentés à l'aide de la « position : fixée » fondamentale de CSS, ces composants ne se mettent pas à jour lors du défilement. Plusieurs correctifs ont tenté de résoudre ce problème, notamment le correctif d'iScroll et Sencha. Malheureusement, ces solutions n'ont pas été toujours efficaces.

Limites inhérentes aux navigateurs mobiles

Pour atténuer les conflits potentiels sur les petits écrans, de nombreux navigateurs mobiles refusent intentionnellement la prise en charge de la position : fixé'. Le site Web Quirksmode propose une analyse approfondie de ce problème dans un article de blog : http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html.

Pour une vue actuelle de compatibilité du navigateur, reportez-vous à http://www.quirksmode.org/m/css.html ; cependant, il convient de noter que ces informations peuvent rapidement devenir obsolètes en raison des progrès constants des navigateurs mobiles.

Mises à jour et solutions de contournement

iOS 5 et Android 4 prendraient désormais en charge la position : fixé'. Bien que des tests récents effectués par l'auteur confirment la prise en charge du positionnement fixe par iOS 5, des problèmes mineurs liés au zoom et au panoramique étaient apparents.

Pour un tableau de compatibilité complet et à jour, veuillez visiter http://caniuse.com /#search=fixé. Cette ressource comprend des informations détaillées sur les navigateurs Android, Opera (mini et mobile) et iOS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!