2013-08-29 9 views
5

PhoneGapを使用しているときにGS4デバイスで奇妙な問題が発生しています.Webアプリケーションの一部の要素がページのレンダリング時に正しく表示されず、そのページがクリックまたは押された要素のレイアウトは適切です。 私のアプリケーションでイベントを翻訳する前に、ときどきちらつきの白いウィンドウが発生しました。PhoneGapとGalaxy s4レンダリングの問題

問題はGS4でしか発生せず、GS4、ノート、またはIPhoneのような他の携帯電話で試した場合には発生しませんでした。

+0

この問題も発生しています。私が役に立つと思ったが、解決策がないリンクもあります。 https://github.com/jaunesarmiento/fries/issues/31 https://groups.google.com/forum/#!topic/phonegap/NS4-SezuxH8 – Llewellyn1411

答えて

5

これらの要素は動的に生成されていますか? 私も同じ問題を抱えていましたが、実際にはハードウェアアクセラレーション(GPUアクセラレーション)が必要です。 CSSで3Dレンダリングを有効にする必要があります。 そのままご利用ください。

これは私のために働いた、それを試して、あなたのために働くことがあります。

のplsはこのlink

1

をチェックするように、他の要素と操作しよう:

$('#footer').fadeTo(1,0.99,function(){ 
    $('#footer').fadeTo(1,1); 
}); 
+0

強制的に再描画する場合は、している。要素の幅を照会するのと同じです。しかし、それはこの問題を解決しません。 – Llewellyn1411

2

短い問題:アンドロイド。 GS4が動作しているバージョンによって、Webブラウザは異なる動作をし、異なる問題を引き起こします。 IEは、私はうまく働いて、ゼリーですべての仕事をしていないphonegapアプリケーションを作った。言うまでもなく、私は今、ネイティブネイティブです。しかし、要素内でtranslateと3d transformを使用すると、すべての要素がハードウェアアクセラレーションで再描画され、DOMに動的に注入された場合、要素の再描画が強制されます。

1

銀河トレンド(アンドロイド4.0.4):画面の一部を変更すると、一部の要素を再描画したり、他のものを隠したり表示したりするようなページの一部の変更が正しく表示されませんでした。 4.4)。

私は、スタックオーバーフローやその他の場所で見つかった多くのパッチをテストしました.cssにtranscate3dを追加し、要素の幅をクエリします。

$myPage.find("[data-role=footer]").hide(0).show(0);を追加しただけで、自分のページが最終的にギャラクシーの傾向に正しくレンダリングされました。

私の場合は、フッターの再描画を強制し、隠れている/表示している要素がフッターに配置されているため、私はそれがうまくいくと思います。

あなたのケースでは、他の要素にhide/showを強制することができますか?

関連する問題