在 iPad 上滚动 ag-grid 很慢

【问题标题】：Scrolling in ag-grid is slow on iPad在 iPad 上滚动 ag-grid 很慢
【发布时间】：2016-02-06 06:15:59
【问题描述】：

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

这不是我项目具体使用ag-grid，经验在official "Test Drive" page是一样的。

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

【问题讨论】：

【解决方案1】：

以下 CSS 规则应利用 非标准 -webkit-overflow-scrolling 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。

【讨论】：