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
breaker18.10.1117: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.
0

Kommentare

sierkb18.10.1118: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.
0
breaker
breaker18.10.1118: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.
0
sierkb18.10.1119: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?

0
roca12326.11.1117: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...
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.