ios - 在 iPad 上滚动 ag-grid 很慢

Question

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

这不是我项目使用ag-grid的特例，在official "Test Drive" page中的体验是一样的.

我可以做些什么来提高滚动性能？

Answer 1

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

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

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

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