jquery - Overflow css property is not supported in older version of IPhone(iphone 3G- iOS 4.2.1) -

When developing an iPhone application with phone-interval, it was a requirement to display a list of items.

I used jquery mobile and made an anonymous list

  & lt; Ul data-roll = "list view" id = "list1" & gt; & Lt; Li & gt; List item 1 & lt; / Li & gt; & Lt; Li & gt; List item 2 & lt; / Li & gt; & Lt; / Ul & gt;   
 When a long list is scrolled, the page headers are disappearing, so the headers can use the " Data-Postian " attribute of the mobile Tried to fix but due to poor performance, I changed it to a scrollable list using the  Overflow  property (though the scrolling functionality was not very good). CSS was like this  
  #listWrapper {status: fixed; Overflow: Auto; Height: 330px; }   
 It works fine in the iPhone 4S but not in the lower version of the iPhone. Is there any alternative to overflow property? Or any other possible improvement for this?  
 Is there a way to display the list of items ( with fixed height and scroll functionality ) without moving the entire page contents into PhoneGap (iOS)? .  
 Any help is appreciated on this issue.  
 Thank you.   
 
 
 Please use the JS-Library: iScroll It is really easy and works very well. 
  
 Just declare a cover disc in your list.  
  & lt; Div id = "wrapper" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; / Li & gt; ... ... & lt; / Ul & gt; & Lt; / Div & gt;   
 and then an "iScroll" example with your cover-div ID.  
  & lt; Script type = "text / javascript" & gt; Var myScroll = New ISCOL ('Cover'); & Lt; / Script & gt;