Bereiche
News
Rewind
Tipps & Berichte
Forum
Galerie
Journals
Events
Umfragen
Themenwoche
Kleinanzeigen
Interaktiv
Anmelden
Registrierung
Zu allen empfangenen Nachrichten
Suche...
Zur erweiterten Suche
Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum
>
Entwickler
>
iOS 5: CSS position:fixed
iOS 5: CSS position:fixed
breaker
18.10.11
17:39
Ist vielleicht für den ein oder anderen HTML/CSS Entwickler ganz interessant. Seit iOS 5 unterstützt Safari Mobile auch endlich die CSS-Eigentschaft "position: fixed". Somit sind keine blöden JS-Workarounds mehr nötig.
Hilfreich?
0
Kommentare
sierkb
18.10.11
18:10
breaker
Ist vielleicht für den ein oder anderen HTML/CSS Entwickler ganz interessant. Seit iOS 5 unterstützt Safari Mobile auch endlich die CSS-Eigentschaft "position: fixed". Somit sind keine blöden JS-Workarounds mehr nötig.
Wovon redest Du? Kann es sein, dass Du das jetzt erst entdeckt hast, obwohl diese selbstverständlichen CSS2.1-Eigenschaften (CSS2.1-Spezifikation: Visual formatting model: 9.3.1 Choosing a positioning scheme: 'position' property
) aber schon seit langem und Urzeiten sowohl in WebKit als auch in iOS implementiert sind (jeweils seit Version 1.0)? Oder Du verwechselst da irgendwas.
Jedenfalls sagt:
Safari Developer Library: Safari CSS Reference: Supported CSS Properties: “Visual Formatting Model”
an der betreffenden Stelle:
position
Specifies how an element is positioned.
Syntax
position:
positioning_model;
Parameters
positioning_model
The positioning model for the element.
Constants
absolute, fixed, relative, static
Discussion
This property affects the behavior of positional properties such as float and left/right/top/bottom.
Availability
Available in Safari 1.0 and later.
Available in iOS 1.0 and later.
Support Level
CSS 2.1.
Hilfreich?
0
breaker
18.10.11
18:51
Hat man beispielsweise ein DIV via "position: fixed; bottom: 0px; left: 0px;" unten am Browserrand positioniert, damit es praktisch "stehen bleibt", hat das mit Safari Mobile zwar funktioniert, aber sobald man gescrollt hat, hat das DIV mit-gescrollt, anstatt "stehen zu bleiben". Mit iOS 5 hat sich das nun geändert, so das es sich wie beim Mac/PC-Safari (oder jedem anderen Desktop-Browser) verhält.
Hilfreich?
0
sierkb
18.10.11
19:11
breaker
Hat man beispielsweise ein DIV via "position: fixed; bottom: 0px; left: 0px;" unten am Browserrand positioniert, damit es praktisch "stehen bleibt", hat das mit Safari Mobile zwar funktioniert, aber sobald man gescrollt hat, hat das DIV mit-gescrollt, anstatt "stehen zu bleiben". Mit iOS 5 hat sich das nun geändert, so das es sich wie beim Mac/PC-Safari (oder jedem anderen Desktop-Browser) verhält.
Und diese Basics/Besonderheiten betreffend mobile Touchscreen-Endgeräte beschrieben in diesem Dokument
Apple: Safari Developer Library: Technical Note TN2262: Preparing Your Web Content for iPad
,
insbesondere im Abschnitt
3. Check your viewport tag settings
und ganz besonders im Abschnitt
4. Modify code that relies on CSS fixed positioning
hattest Du von Anfang an mit berücksichtigt und Deinen Code entsprechend angepasst?
Hilfreich?
0
roca123
26.11.11
17:39
@Breaker danke für den Tipp.
@Sierkb auf anderen Mobilen Browsern hat es auch funktioniert ohne den Apple "Workaround"... Deswegen habe ich nie verstanden warum ich da für den Safari im iOS nochmal Handanlegen muss.
Cnet hat zum beispiel die nützliche Schnellzugriffsleiste die am unteren Bildschirmrand gefixed war unter iOS einfach ausgeblendet...
Hilfreich?
0
Kommentieren
Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.