css，ios，iPad，-webkit-overflow-scrolling：触摸bug，大量内容被切断

Question

我有一个包含数千行（准确地说是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, large content gets cut off when specifying a width）。

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