• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Adresszeile beim scrollen auf Mobilgeräten verschwinden lassen

S

Stephan16

Neues Mitglied
Hallo zusammen,

ich würde gerne bei einer mobilen Webseite die Adresszeile verschwinden lassen, wenn man auf Apple Smartphone nach unten scrollt. (das wird dann so schick klein) In der Horizontalansicht funktioniert das auch aber nicht in der Vertikalansicht. Hatte bisher folgenden Code im Head eingebunden:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black">

Nun habe ich auf folgender Seite gesehen, dass es so funktioniert, wie ich mir das vorstelle. Was im Quellcode ist denn dafür verantwortlich? Nur die Viewport Einstellung? Blöderweise hab ich kein Iphone mit aktuellem IOS zum testen sondern nur die Browseremulatoren, bei denen man das nicht richtig sieht ...
http://tinyurl.com/howqdwb

<meta name="viewport" content="width=device-width,initial-scale=1">

Stephan
 
Danke Dir .. funktioniert leider bei mir nicht .. dachte eigentlich, dass ich das anhand von <head> der anderen Seite herausfinden kann.. da finde ich aber außer dem viewport am Anfang nichts was dazu passen würde ..
 
ah danke Dir! Im Footer hatte ich nicht gesucht! Wenn ich die Zeile im head einfüge funktioniert es. Bei der anderen Seite funktioniert es zwar erst nach scrollen, dachte das liegt daran, dass es im Footer steht.. kann ich aber nicht nachvollziehen. Ist gleich eine minimierte Adresszeile :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben