Hallöchen!
Simple Problem, tausend mal gesucht, keine Lösung gefunden.
position: fixed; macht Probleme - entweder unter iOS oder Android.
Nach dem Setzen des Wertes funktioniert im (Win) Browser alles einwandfrei.
Aber iOS oder Android zicken immer herum.
Im simpelsten aller Beispiele, wie unten zu sehen, funktioniert alles unter
Android bzw. Windows wie es soll, aber unter iOS lässt sich seltsamerweise
das fixe Element, beim Scrollen nach rechts oder nach unten, "langsam" aus
dem Bild schieben?
Wie kann das denn sein?
Gibt es unter iOS keine fixen Elemente, wenn andere Element die Fenstergröße
deutlich überschreiten? Ich finde keine passende Lösung für alle 3 Platformen ohne
JavaScript zur Hilfe zu nehmen...
Simple Problem, tausend mal gesucht, keine Lösung gefunden.
position: fixed; macht Probleme - entweder unter iOS oder Android.
Nach dem Setzen des Wertes funktioniert im (Win) Browser alles einwandfrei.
Aber iOS oder Android zicken immer herum.
Im simpelsten aller Beispiele, wie unten zu sehen, funktioniert alles unter
Android bzw. Windows wie es soll, aber unter iOS lässt sich seltsamerweise
das fixe Element, beim Scrollen nach rechts oder nach unten, "langsam" aus
dem Bild schieben?
Wie kann das denn sein?
Gibt es unter iOS keine fixen Elemente, wenn andere Element die Fenstergröße
deutlich überschreiten? Ich finde keine passende Lösung für alle 3 Platformen ohne
JavaScript zur Hilfe zu nehmen...
HTML-Code:
div.window { width: 100%; height: 100%; } div.header { background: #202020; width: 100%; height: 60px; position: fixed; top: 0; left: 0; color: #fff; } div.content { margin-top: 60px; color: #ff0000; } <div class="window"> <div class="header"> 1 </div> <div class="content"> <div style="width: 2000px; height: 4000px;">123</div> </div> </div>
Kommentar