2013-09-29 14 views
5

Ho una pagina con intestazione fissa e un piè di pagina fisso. L'altezza del contenuto è anche fissata all'altezza della finestra.Come mantenere fissa l'altezza del pannello con scorrimento se l'overflow del contenuto per JQuery Mobile

Il documento ha un pannello il cui contenuto potrebbe crescere più a lungo dell'altezza di finestra/contenuto. Quando ciò accade, l'altezza del documento viene modificata. Ma ho bisogno di mantenere l'altezza del documento corretta senza barre di scorrimento. Il pannello dovrebbe invece avere la barra di scorrimento.

Esempio: http://jsfiddle.net/moizhb/GSSD3/

Ecco come pannello viene istanziato:

<div data-role="panel" id="navpanel" data-theme="a" data-display="overlay"></div> 

Apprezzerei tutto direzioni qui.

Grazie!

risposta

12

Qui è che si violino aggiornamento: http://jsfiddle.net/ezanker/GSSD3/1/

appena aggiunto un po 'di CSS per assoluta posizione e le dimensioni del pannello interno div e consentire lo scorrimento:

.ui-panel .ui-panel-inner { 
    overflow: auto; 
    position: absolute; 
    top: 0; left: 0; right: 0; bottom: 0; 
    -webkit-overflow-scrolling: touch; 
} 

Sarà necessario testare questo per i dispositivi che si stanno sostenendo perché non sono sicuro che funzionerà su tutti loro ...

+1

@ezanker ... che ha fatto il trucco. Grazie mille. – Mo3z

+1

Ottimo amico ... Grazie !! –