CSS，IOS，iPad，-webkit溢出滚动：触摸错误，大内容被切断

我有一个有数千行（2317准确）的数据表来自数据库的表。 我把这个表里面的一个div，所以它是可滚动的。

HTML：

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

CSS：

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

问题是，列表在iPad上的移动Safari浏览器（在桌面浏览器上工作正常）切断行号1900（该行的一半显示），列表的其余部分显示为空白。 第1900行之后没有显示行。

如果我删除了“-webkit-overflow-scrolling：touch;”，则所有行都显示出来 从风格。

有没有人遇到这个或有任何想法如何解决这个问题？

Answer 1

添加位置：固定解决了这个问题，但是开始了一个不同的问题，但是这是另一个故事（请参阅-webkit-overflow-scrolling：touch，当指定宽度时会切断大内容 ）。

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