jquery - Stop scrollbars showing over header/footer with jQuery Mobile

Question

I'm creating an application using PhoneGap and the jQuery Mobile Framework. Sorry I can't provide a better screenshot, I can't reveal the content for legal reasons. You will see however that the scroll bar is over the header part of the application and the footer. I want the user to only be able to scroll through the main content area (the list view). If anybody with jQuery mobile experience could help me out I'd highly appreciate it.

I am using an unedited version of jQuery Mobile 1.3.1.

Thanks

Image:

Answer 1

position:absolute; 
z-index:1;
width:100%;
padding:0;
-webkit-overflow-scrolling:touch;
overflow:auto;

http://jsfiddle.net/VNVqs/

不过不是我的，只是一个带书签的链接