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; } 

Comments

Popular posts from this blog

c# - SelectList with Dictionary, add values to the Dictionary after it's assigned to SelectList -

how can i manage url using .htaccess in php? -

ios - I get the error Property '...' not found on object of type '...' -