Scrollable Div Is Not Working In Android Emulator,iphone Simulator

I am using phonegap. I want to keep a fixed header and footer,and i want to scroll the content in between them. For that i used div with: div { width: 249px; height: 299px;

Solution 1:

iOS doesn't allow scrolling within an element (div with overflow:scroll/auto or frames) so you can either design your site around that (usually for the best) or you can try iScroll, which is a javascript plugin designed to re-instate this ability:

http://cubiq.org/iscroll-4

Good luck.

Solution 2:

Div scrolling does work in iOS if this property is added:

-webkit-overflow-scrolling: touch