在我的 iPad 上, ag-grid的滚动体验参差不齐且参差不齐。我需要继续拖动表格区域中的内容,而不是像其他浏览器内容一样轻弹。(相同表格的滚动性能在我的桌面浏览器上通常非常好,所以我不认为这是“沉重”表格内容的情况。)
这不是我项目具体使用ag-grid,体验在官方“试驾”页面是一样的。
我可以做些什么来提高滚动性能?
在我的 iPad 上, ag-grid的滚动体验参差不齐且参差不齐。我需要继续拖动表格区域中的内容,而不是像其他浏览器内容一样轻弹。(相同表格的滚动性能在我的桌面浏览器上通常非常好,所以我不认为这是“沉重”表格内容的情况。)
这不是我项目具体使用ag-grid,体验在官方“试驾”页面是一样的。
我可以做些什么来提高滚动性能?
通过利用非标准的 -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 上测试有无这条规则。
其他浏览器是否支持也是一个单独的问题。例如,请参阅-webkit-overflow-scrolling:touch 有多少支持。