Intestazione e piè di pagina fissi nella versione mobile un sito web

Question

Sto sviluppando una versione mobile del mio sito Web che sto testando sul mio dispositivo Samsung Galaxy S android mobile Froyo (2.2).

Vorrei, se visti con il browser Internet standard, hanno un colpo di testa fisso e un piè di pagina fisso (che sono sempre visibili sullo schermo) con i contenuti delle pagine scorrevoli in mezzo.

Ho provato tutti i tipi di combinazioni con il riempimento del corpo e il tipo (che sembrano funzionare se visualizzati su un browser sul pc), ma non riesco a trovare una soluzione.

Qualcuno può aiutarmi?

Nota: se cerco qualcosa di simile:

<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> 

Sia l'intestazione e piè di pagina sono fissi, ma il contenuto non è scorrevole, per esempio appare anche fisso.

Potrebbe essere il browser di Android Froyo 2.2 ovviamente.

Chiunque?

Answer 1

Il seguente sito illustra lo stato di questo problema.

http://bradfrostweb.com/blog/mobile/fixed-position/

L'autore suggerisce alcune soluzioni JavaScript.

• iScroll 4
• Scrollability
• Sencha Touch
• Jquery Mobile

Answer 2

Sembra che la posizione: fissa è solo partially supported in Android 2.2+, se si aggiunge anche un meta tag particolare. Dovresti anche notare che non è supportato affatto in iOS. Esistono script per l'emulazione del comportamento (che non ho a portata di mano.)

Answer 3

Dal momento che probabilmente vuoi solo creare questa volta e vorresti supportare più dispositivi mobili in modo trasparente, ti suggerisco di dare un'occhiata a: JQuery Mobile

Article on page layout

Answer 4

Se si sta già lavorando con lo spazio dello schermo minimo, perché si vuole un colpo di testa fissa e piè di pagina? Considera che ogni finestra del browser potrebbe non essere abbastanza grande per essere pratica. Cosa succede quando qualcuno visualizza la tua pagina in orizzontale e hai sia un'intestazione sia un piè di pagina fissi?

Anche sul Nexus S, a 800x480, con lo zoom al 100% si riprende metà della pagina in intestazioni e piè di pagina e questo è in verticale. Nel paesaggio, non pensarci più ...

C'è un altro progetto che potrebbe funzionare bene?

Qual è l'uso dei collegamenti? Se sono molto importanti, potrebbe aver senso ripeterli in un altro modo.