在iPad上滚动ag-grid的速度很慢

Question

在我的iPad上，ag-grid的滚动体验呈锯齿状且不均匀。我需要继续拖动表区域中的内容，而不是像其他浏览器内容一样轻弹。 （在我的桌面浏览器上，相同表的滚动性能通常非常好，所以我不认为这是“重”表内容的情况。）

这不是我的项目使用ag-grid特有的，official "Test Drive" page的体验是相同的。

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

Answer 1

通过使用非标准 -webkit-overflow-scrolling CSS属性，以下CSS规则可以使iPad上的滚动更快更顺畅。我只能在我的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。