Pourquoi les éléments à position fixe se comportent-ils mal lors du panoramique iOS ?-tutoriel CSS-php.cn

Maison

interface Web

tutoriel CSS

Pourquoi les éléments à position fixe se comportent-ils mal lors du panoramique iOS ?

Patricia Arquette

Dec 16, 2024 am 07:10 AM

Why Do Fixed-Positioned Elements Misbehave During iOS Panning?

Problèmes de positionnement résolus sur les appareils iOS

Question :

Malgré la tentative d'utilisation d'iScroll et Bibliothèques Sencha, pourquoi les éléments positionnés fixes ne se mettent-ils pas à jour lors du panoramique dans Safari mobile sur iOS appareils ?

Réponse :

Les navigateurs mobiles choisissent souvent de ne pas prendre en charge "position:fixed" car les éléments fixes peuvent gêner la navigation sur des écrans plus petits.

Explication technique :

Quirksmode.org fournit une analyse approfondie du problème : http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

De plus, un tableau de compatibilité est disponible sur : http://www.quirksmode.org/m/css. html

Mises à jour iOS et Android :

iOS 5 et Android 4 prendrait désormais en charge "position:fixed".

Tests personnels :

L'auteur a confirmé la fonctionnalité "position:fixed" dans iOS 5, mais elle peut souffrir de limitations de zoom et de panoramique autour des éléments fixes.

Compatibilité mise à jour Tableau :

http://caniuse.com/#search=fixed propose des données de compatibilité en temps réel pour Android, Opera 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!

Déclaration

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article connexe

Compteurs CSS: un guide complet de la numérotation automatiqueMay 07, 2025 pm 03:45 PM

CSSCOUNTERSAREUSEUSTTOMAGAUTAMAMATALUMENTSINDWEBDESIGNS.1) Ils ont été des cas de contenu, des listitems et de la forme.

Ombres de défilement moderne à l'aide d'animations axées sur le défilementMay 07, 2025 am 10:34 AM

L'utilisation d'ombres de défilement, en particulier pour les appareils mobiles, est un peu de UX subtil que Chris a couvert auparavant. Geoff a couvert une approche plus récente qui utilise la propriété d'animation-timeline. Voici encore une autre façon.

Revisiter les cartes d'imageMay 07, 2025 am 09:40 AM

Passons à travers un rafraîchissement rapide. Les cartes d'image datent jusqu'à HTML 3.2, où, d'abord, les cartes côté serveur, puis les cartes côté client ont défini les régions cliquables sur une image à l'aide de cartes et d'éléments de zone.

État des développeurs: une enquête pour chaque développeurMay 07, 2025 am 09:30 AM

L'enquête sur l'état des développeurs est désormais ouverte à la participation, et contrairement aux enquêtes précédentes, il couvre tout sauf le code: carrière, lieu de travail, mais aussi santé, passe-temps, etc.

Qu'est-ce que CSS Grid?Apr 30, 2025 pm 03:21 PM

CSS Grid est un outil puissant pour créer des dispositions Web complexes et réactives. Il simplifie la conception, améliore l'accessibilité et offre plus de contrôle que les méthodes plus anciennes.

Qu'est-ce que CSS Flexbox?Apr 30, 2025 pm 03:20 PM

L'article traite de CSS Flexbox, une méthode de mise en page pour l'alignement et la distribution efficaces de l'espace dans les conceptions réactives. Il explique l'utilisation de Flexbox, la compare à la grille CSS et détaille la prise en charge du navigateur.

Comment pouvons-nous rendre notre site Web réactif à l'aide de CSS?Apr 30, 2025 pm 03:19 PM

L'article traite des techniques de création de sites Web réactifs à l'aide de CSS, y compris des balises de méta de la fenêtre, des grilles flexibles, des médias fluides, des requêtes multimédias et des unités relatives. Il couvre également l'utilisation de la grille CSS et de Flexbox ensemble et recommande le cadre CSS

Que fait la propriété CSS Box-Sizizing?Apr 30, 2025 pm 03:18 PM

L'article traite de la propriété CSS-Box-Sizing, qui contrôle comment les dimensions des éléments sont calculées. Il explique des valeurs telles que la boîte de contenu, la boîte de bordure et la boîte de padding, et leur impact sur la conception de la disposition et l'alignement de la forme.

See all articles