大型SVG区域在移动设备中无法顺畅滚动

Question

我有一个混合移动应用程序。我的一些页面包括大面积的交互式SVG图像（图形，图表）。我已将-webkit-overflow-scrolling: touch;添加到我的内容区域。这有助于平滑滚动SVG图像不存在的位置。但是当我尝试滚动SVG时，这根本不是很顺利。

请为此类问题建议任何其他可能的工作。

.oj-hybrid-applayout-page {

    -webkit-overflow-scrolling: touch;
}

Answer 1

如果要平滑滚动，则不应使用复杂/大型SVG，滚动时它们确实会影响webview上的性能。你无能为力解决这个问题。如果您使用图像，您还应该考虑压缩它们，而不是尽可能使用完整的PNG。

也欢迎来到SO。