jQuery Mobile: Desplácese solo a la vista de lista - jquery, html, css, listview, jquery-mobile

Estoy "traduciendo" una aplicación nativa de Android en una aplicación jQuery híbrida y estoy tratando de emular algunos comportamientos que la aplicación nativa tiene de forma predeterminada.

Esta es la aplicación de Android y su comportamiento cuando desplazo la vista de lista:

Como puede ver cuando me desplazo, SOLO la vista de lista se desplaza.

En cambio, en la aplicación híbrida cuando me desplazo, TODO en ese desplazamiento de página (excepto el encabezado y el pie de página que tienen la posición de datos establecida como fija).

Respuestas

Estoy usando Jquery Mobile. Y está funcionando para mí. Aquí está el código

 <div data-role="page" id="page-one">
<div id="header" data-role="header" data-position="fixed">
HEADER
</div> //end of header div

<div data-role="content" id="content">
<ul data-role="listview" class="list-view" data-inset="true">
<li>List 1</li>
.
.
</ul>
</div> //end of content div

<div id="footer" data-role="footer" data-position="fixed">
FOOTER
</div> //end of footer div

</div> //end of page div

And the css for class "list-view",such as-
.list-view {
height: set height for the list.
top: set top pixel for the list.
.
.
overflow: auto;
-webkit-overflow-scrolling:touch;
}

Espero que te ayude. Gracias.