css3 - css, ios, iPad, -webkit-overflow-scrolling: touch bug, large content gets cut off -

i have table thousands of rows (2317 precise) data coming database. putting table inside div scrollable.

html:

<div class="longlist">   <!-- table thousands of rows --> </div> 

css:

.longlist {overflow: auto; height: 550px; margin: 0 auto; -webkit-overflow-scrolling: touch;} 

the problem is, list cutting off on mobile safari on ipad (on desktop browsers works fine) @ row number 1900 (half of row shown) , rest of list showing blank. rows not showing after 1900th row.

all rows shows if remove '-webkit-overflow-scrolling: touch;' styles.

has come across or has idea how fix this?

adding position:fixed resolved issue different problem started that, that's story (see -webkit-overflow-scrolling: touch, large content gets cut off when specifying width).

.longlist {overflow: auto; height: 550px; margin: 0 auto; -webkit-overflow-scrolling: touch; position:fixed; }