Warum funktioniert „Position: behoben' in Mobile Safari nicht immer?

Mobile Safari und Position: behoben – ein Leitfaden

Probleme für Entwickler

iOS-Mobilgeräte Safari-Benutzer haben ein häufiges Problem mit Elementen mit fester Position gemeldet. Obwohl diese Komponenten mithilfe der grundlegenden CSS-Funktion „position: Fixed“ implementiert wurden, werden sie beim Scrollen nicht aktualisiert. Mehrere Fixes haben versucht, dieses Problem zu beheben, darunter der Fix für iScroll und Sencha. Leider waren diese Lösungen nicht durchweg wirksam.

Inhärente Einschränkungen für mobile Browser

Um potenzielle Konflikte auf kleinen Bildschirmen abzumildern, verweigern viele mobile Browser absichtlich die Unterstützung für „Position: behoben'. Die Quirksmode-Website bietet eine ausführliche Analyse dieses Problems in einem Blogbeitrag: http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html.

Für eine aktuelle Ansicht von Browserkompatibilität, siehe http://www.quirksmode.org/m/css.html; Es ist jedoch zu beachten, dass diese Informationen aufgrund der ständigen Weiterentwicklung mobiler Browser schnell veraltet sein können.

Updates und Problemumgehungen

iOS 5 und Android 4 unterstützen Berichten zufolge jetzt „position : behoben'. Während aktuelle Tests des Autors die Unterstützung von iOS 5 für feste Positionierung bestätigen, waren kleinere Rückschläge beim Zoomen und Schwenken offensichtlich.

Eine umfassende und aktuelle Kompatibilitätstabelle finden Sie unter http://caniuse.com /#search=behoben. Diese Ressource enthält detaillierte Informationen zu Android-, Opera- (Mini- und Mobil-) und iOS-Browsern.

Das obige ist der detaillierte Inhalt vonWarum funktioniert „Position: behoben' in Mobile Safari nicht immer?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!