2012-02-16 26 views
5

Sto provando a creare un'applicazione PhoneGap per Windows Phone 7. Per imitare una barra dell'applicazione che dovrebbe essere sempre visibile sul lato sinistro dello schermo con orientamento orizzontale, ho voluto inserire uno con CSS come position:fixed. Questo non funziona, tuttavia, perché l'IE su WP7 sembra non supportarlo.posizione: fissa in Windows Phone 7

Qualcuno ha un'idea di come sia possibile visualizzare una barra dell'applicazione senza disporre di position:fixed?

Grazie in anticipo

risposta

4

Sono stato anche sospeso su questo problema. Sembra davvero che non sia possibile creare un elemento fisso e posizionare gli elementi dopo ogni scorrimento sembra ancora peggio (prova gli esempi online di jquery mobile sul tuo telefono che lo fanno in questo modo).

Ho "risolto" il problema utilizzando un contenitore div per il mio contenuto non fisso con style = "overflow: scroll" e dimensione fissa. Questo ha funzionato per me. Ma scorrere in questo contenitore non sembra uno scrolling nativo.

Speranza che aiuta

1

sono riuscito a risolvere il problema sul mio Win Phone 8 (Lumia 930).

Ho una finestra modale e quando aperta sul cellulare dovrebbe rimanere nel punto di vista e scorrere all'interno. Android e iphone hanno funzionato bene con la posizione corretta ma il telefono non ha funzionato.

La mia soluzione era quella di mettere classe attiva su HTML quando il modale è attiva e aggiungere questo ai CSS:

html.modal_active{ 
    overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%; 
    body{overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%;} 
} 

Questo html posizionamento e il corpo di assoluto quando modale si apre risolto il problema. Spero che abbia aiutato!