Festen header und footer in der mobilen version einer website
Ich bin entwickeln eine mobile version von meiner website, die ich Teste auf meinem Samsung Galaxy S android mobilen Gerät ausgeführt Froyo (2.2).
Ich würde gerne , wenn er mit der standard-internet-browser, haben eine festen header und ein Feste Fußzeile ( die immer sichtbar auf dem Bildschirm) mit dem Inhalt der Seiten, die in Stufen zwischen.
Ich habe versucht, alle möglichen Kombinationen mit Polsterung des Körpers und die Arten (die zu funktionieren scheinen, wenn man auf einem browser auf dem pc), aber kann nicht scheinen, um eine Lösung zu finden.
Kann jemand hier helfen ?
Hinweis: wenn ich versuche, so etwas wie dieses :
<div id="header" style="position:absolute; top:0px; left:0px;height:200px;overflow:hidden;"></div>
<div id="content" style="position:absolute; top:200px; bottom:200px; left:0px;overflow:auto;"></div>
<div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px;overflow:hidden;"></div>
Sowohl die Kopf-und Fußzeile sind behoben, aber der Inhalt ist nicht Scrollbar ist , z.B. es scheint auch behoben .
Könnte es der browser des Android Froyo 2.2 natürlich.
Jemand ?
InformationsquelleAutor Edelcom | 2011-01-21
Du musst angemeldet sein, um einen Kommentar abzugeben.
Der folgenden Seite erklärt den Zustand dieser Ausgabe.
http://bradfrostweb.com/blog/mobile/fixed-position/
Der Autor schlägt vor, ein paar JavaScript-Lösungen.
InformationsquelleAutor Sam Leach
Scheint es, dass position:fixed ist nur teilweise unterstützt in Android 2.2+, wenn Sie auch hinzufügen, einen bestimmten meta-tag. Sie sollten beachten, es ist überhaupt nicht unterstützt unter iOS. Es gibt Skripte emulieren das Verhalten, wenn(was ich nicht direkt bei der hand.)
InformationsquelleAutor Su'
Da Sie wahrscheinlich nur bauen wollen, das ein einziges mal und möchte zur Unterstützung mehrerer mobiler Geräte transparent, ich würde vorschlagen, Sie nehmen einen Blick auf : JQuery Mobile
Artikel auf Seite layout
InformationsquelleAutor Nick Campion
Wenn Sie bereits mit minimalen Platz auf dem Bildschirm ist, warum würden Sie wollen, eine Feste Kopf-und Fußzeile? Bedenken Sie, dass jeder browser-Fenster ist nicht groß genug, um praktisch zu sein. Was passiert, wenn jemand deine Seite in die Landschaft, und Sie haben beide eine Feste Kopf-und Fußzeile?
Sogar auf dem Nexus S, bei 800x480, bei 100% - zoom, die Sie nehmen werden, bis die Hälfte der Seite in den Kopf-und Fußzeilen und das ist im portrait. In der Landschaft, vergessen Sie es...
Gibt es ein weiteres design, das könnte gut funktionieren?
Was ist der nutzen für die links? Wenn Sie sind sehr wichtig, mag es Sinn machen, nur wiederholen Sie einen anderen Weg.
Ich verstehe das völlig. Wer ist Ihre Zielgruppe? Nur Android-Nutzer?
Sorry für die (sehr) späte Antwort. Nein, nicht nur Android, sondern mobile Anwender im Allgemeinen ( ich möchte eine m.site-version von einem vorhandenen http://www.site ) und mag die Idee, eine Feste Kopfzeile und / oder Fußzeile geben Sie den Benutzern immer eine option, um zurück zu dem start der Website.
InformationsquelleAutor KyleWpppd