cordova – Desplazamiento con un encabezado y pie de página fijo (ios)

Usando Cordova (phonegap) y bootstrap para hacer una aplicación mobile, probando en IOS por ahora.

Obtener un problema con un encabezado y una barra de pie de página que se arreglen con contenido desplazable en el medio. Al tocar para desplazarse, la barra de encabezado / pie de página se mueve hacia abajo o hacia arriba con el contenido, pero luego vuelve a colocarse en el lugar tan pronto como se completa el desplazamiento. Si uso

-webkit-overflow-scrolling: toque;

funciona como se espera, pero hace que sea muy difícil desplazarse por el contenido, y si se desplazó al final, solo se desplaza por el encabezado o el pie de página (con desbordamiento elástico) hasta que se detiene por un segundo.

aquí está mi html para las barras de encabezado / pie de página:

<div id="headerBar"> <div class="container-fluid" style="background-color: #1569C7"> <div class="row"> <div class="col-xs-3 text-left"> <button id="logoutButton" type="button" class="btn btn-default"> Log Out </button> <button type="button" class="btn btn-default" id="restreQuestionFeedButton"> <span class="glyphicon glyphicon-chevron-left"></span> </button> </div> <div class="col-xs-6 text-center" style="height: 55px"> <strong id="usernameText"></strong> </div> <div class="col-xs-3 text-right"> <button id="oldCreatQuestionButton" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-plus"></span> </button> </div> </div> </div> </div> <div id="footerBar"> <div class="container-fluid" style="padding: 0"> <div class="row text-center"> <button id="createQuestionButton" type="button" class="btn btn-default footerButton"> <span class="glyphicon glyphicon-plus"></span> <strong>Ask a new free question!</strong> </button> </div> </div> </div> 

Y aquí está el CSS relacionado:

 #headerBar { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background-color: #1569C7; } #footerBar { position: fixed; z-index: 100; bottom: 0; left: 0; width: 100%; background-color: #1569C7 !important; }