0

I'm using iOs app, There is a Webview with jquery-Mobile, The problem occur when the device is shaked. Between page transitions looks a blink. If I don't shake the device blink not appear.

In landscape mode blink not appear, only in portrait mode.

My metas:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes">

I tried with:

-webkit-visibility:hidden

But this not resolve my problem...

Device: iPad iO5.

4

1 に答える 1

1

質問を正しく理解している場合：デバイスを振ると、Webview内のページがjQuery mobileを使用して新しいページに移行し、移行中は画面がちらつき/点滅し、その後は問題ありません。

これは、を使用するときに一般的な問題になる可能性があります-webkit-transition。単にハードウェアアクセラレーションを強制する必要があるかもしれません。うまくいけば、あなたはこれを使用してこれを行うことができるでしょう-webkit-transform: translate3d(0,0,0);

その行を、-webkit-transitionまたはが親にある要素のCSSルールに配置します。

または、ちらつきの原因は、CSSによって画面から押し出された要素である場合があります。たとえばtext-indent: -9999px;、子要素の負のマージン。これらを削除すると修正され、この方法で実行できる場合は、ハードウェアアクセラレーションを強制するよりも優れたソリューションです。

お役に立てば幸いです:)

于 2012-06-18T09:25:14.467 に答える