コルドバアンドロイドスクロール/パフォーマンスの問題

Question

私は、これはiOSの上で見事に動作しますが、それほどではないAndroid上で何らかの理由で私のコルドバアプリ

.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; 
} 

のためのスムーズスクロールを作成するには、次のCSSを使用します。 Androidでの総合的なパフォーマンスは、iOSとほぼ同じですが、スクロールすると最も顕著になります。助言がありますか？私はandroid:hardwareAccelerated="true"を持っていますが、それはそれほど大きな違いはありません。

Answer 1

Androidブラウザのスクロールは常に苦痛で、パフォーマンスはiOSよりもはるかに悪いです。だからこそ、hybrid app frameworks like Ionic has introduced native scrolling to androidの性能がはるかに優れています。あなたはそれを使用したくない場合は、アンドロイドのネイティブスクロールについての詳細を知るためにグーグルをするか、read its source codeを使って達成方法を見つけてプロジェクトに移植することができます。

この問題を解決する別の方法は、CrosswalkをAndroidアプリに埋め込むことです。これはChromiumベースのウェブビューです。欠点は、APKのサイズが20MB増加することですが、Android OSのさまざまなバージョンでのパフォーマンスと一貫性は、実際には大幅に向上します。

Answer 2

この記事では、読者がコードオーバーの開発者であると仮定し、Webで見つかる何百万もの記事があるという基本を教えません。

jQuery、jQuery UI、行javaスクリプトをapache cordovaで使用している場合は、デモプロジェクトやかなりシンプルなアプリケーションを開発しても問題ありません。

しかし、商用レベルのプロジェクトでは、ユーザーエクスペリエンスを向上させるには、Angular JS以上の角度バージョン（IONICフレームワーク - コードバの拡張バージョン）を使用する必要があります。

jQueryとjQuery UIにはまだ大きなツールですが、私はそれほど嫌です。しかし、それがハイブリッドアプリケーション開発になると、AngularはjQueryやjQuery UIよりもずっと優れたパフォーマンスを発揮します。

https://guntucomputerhacks.blogspot.com.au/2017/11/apache-cordova-scroll-bar-lagging-on.html