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

标签 ios ipad webkit mobile-webkit ag-grid

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

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

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

最佳答案

通过使用非标准 -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 .

关于ios - 在 iPad 上滚动 ag-grid 很慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33544108/

相关文章:

macos - 使用节点 webkit 在 Mac OS 上单击 "x"时关闭窗口但不是应用程序

html - 只有当我低于我的断点并再次扩展超过它时布局才会中断

ios - 无法在装有 iOS 11.0.1 的设备上使用 Charles 4.1.4 中的 SSL 代理

objective-c - 缩略图存储策略

iphone - <BTSViewController : 0x865c520> 的开始/结束外观转换调用不平衡

css - Chrome/Safari无法填充Flex父级的100%高度

ios - 如何在同一 View 中使用两个iAd View 来回切换?

iphone - [[CAShapeLayer alloc] init] 和 [CAShapeLayer layer] 的区别

iphone - 在 iPad 上打开 HTML 页面上指向 PDF 特定页面的链接

iphone - 检测哪个应用程序正在 iOs 设备上运行并返回描述应用程序类别的数据