在 iPad 上滚动 ag-grid 很慢

Question

在我的 iPad 上，ag-grid 的滚动体验参差不齐且参差不齐。我需要一直拖动 table 区域中的内容，而不是像其他浏览器内容那样只是轻弹。（相同 table 的滚动性能在我的桌面浏览器上通常非常好，所以我不认为这是 "heavy" table 内容的情况。）

这不是针对我项目中ag-grid的使用，在official "Test Drive" page.

中的体验是一样的

如何提高滚动性能？

Answer 1

以下 CSS 规则应使 iPad 上的滚动更快更流畅，方法是利用 非标准 -webkit-overflow-scrolling CSS 属性。我只能在我的 iPad 上使用 Safari 对其进行测试，但是：

.ag-body-viewport {
  // Use momentum-based scrolling on WebKit-based touch devices.
  -webkit-overflow-scrolling: touch;
}

请注意，此规则可能会影响其他基于 WebKit 的浏览器中的滚动，例如 Chrome 在 Android 上。我还没有时间在 Android 上使用和不使用此规则进行测试。

是否被其他浏览器支持也是一个单独的问题。例如，参见 How much support is there for -webkit-overflow-scrolling:touch.

Scrolling in ag-grid is slow on iPad