ios - css、ios、iPad、-webkit-overflow-scrolling：触摸错误，大内容被截断

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;' 所有行都会显示从款式上。

有没有人遇到过这个或知道如何解决这个问题？

score 3 · Accepted Answer

添加 position:fixed 解决了这个问题，但一个不同的问题开始了，但那是另一个故事（参见-webkit-overflow-scrolling: touch, large content gets cut off when specified a width）。

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

1 回答 1