android - Cordova android 滚动/性能问题

Question

我使用以下 CSS 为我的 Cordova 应用程序创建平滑滚动

.scrollable { 
    overflow: auto;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

这在 iOS 上非常有效，但由于某些原因在 Android 上效果不佳。 Android 的整体性能也不接近 iOS，但在滚动时最为明显。有什么建议么？我打开了 android:hardwareAccelerated="true"，但这似乎没有太大区别。

Answer 1

Android浏览器滚动总是很痛苦，性能比iOS差很多。这就是为什么 hybrid app frameworks like Ionic has introduced native scrolling to android ，这使得性能更好。 Ionic 确实很棒，但如果您不想使用它，您可以谷歌搜索以查找有关 android 原生滚动的更多信息，或 read its source code了解他们是如何实现的并将其移植到您的元素中。

解决这个问题的另一种方法是嵌入Crosswalk对于您的 android 应用程序，它是一个基于 Chromium 的 webview。缺点是您的 APK 大小会增加 20MB，但在不同版本的 Android 操作系统上的性能和一致性确实会提高很多。