Skip to main content
本文に 264 文字追加
ソース リンク
Nao
  • 21
  • 3

Cordova & OnsenUI で AngularJSベースに開発しています。

OnsenUIのpushPageメソッドにて画面遷移をした場合に、iOS端末(iPhone6,iOS8)にて、ちらつきが発生してしまいます。

対策として、プレフィックス付きで、
backface-visibility: hidden;
を設定してみましたがちらつきが抑えられていません。

また、cssアニメーションで動かされている場合、translateをtranslate3Dにする対策もあるようですが、onsenui.cssjsを覗いてみたところみると、translate関数は使われ3Dを使っいませんでしたtransformしているようです

もし、ちらつきその他にちらつき抑制の方法をご存知の方がいましたら、ご教授いただけませんでしょうか
よろしくお願い致します。

ーーーーーーーーーーーーーーーーーーーーーーー

追記で失礼します。

今回の実装では、pushPageを使った遷移でも、ons-toolbarでのons-back-buttonを用いた遷移でも、[遷移後]にちらつき現象が起こっています。
ただし、毎度発生するわけではなく、1/3くらいの確率で起こります。

引き続き、抑制の方法を探しますので、解決しましたら、こちらでもご報告させていただきます。
もし解決済みの方がいらっしゃいましたら、ご教授願います
よろしくお願い致します。

Cordova & OnsenUI で AngularJSベースに開発しています。

OnsenUIのpushPageメソッドにて画面遷移をした場合に、iOS端末(iPhone6,iOS8)にて、ちらつきが発生してしまいます。

対策として、プレフィックス付きで、
backface-visibility: hidden;
を設定してみましたがちらつきが抑えられていません。

また、cssアニメーションで動かされている場合、translateをtranslate3Dにする対策もあるようですが、onsenui.cssを覗いてみたところ、translate関数は使われいませんでした

もし、ちらつき抑制の方法をご存知の方がいましたら、ご教授いただけませんでしょうか。
よろしくお願い致します。

Cordova & OnsenUI で AngularJSベースに開発しています。

OnsenUIのpushPageメソッドにて画面遷移をした場合に、iOS端末(iPhone6,iOS8)にて、ちらつきが発生してしまいます。

対策として、プレフィックス付きで、
backface-visibility: hidden;
を設定してみましたがちらつきが抑えられていません。

また、cssアニメーションで動かされている場合、translateをtranslate3Dにする対策もあるようですが、onsenui.jsを覗いてみると、translate3Dを使っtransformしているようです

もし、その他にちらつき抑制の方法をご存知の方がいましたら、ご教授いただけませんでしょうか
よろしくお願い致します。

ーーーーーーーーーーーーーーーーーーーーーーー

追記で失礼します。

今回の実装では、pushPageを使った遷移でも、ons-toolbarでのons-back-buttonを用いた遷移でも、[遷移後]にちらつき現象が起こっています。
ただし、毎度発生するわけではなく、1/3くらいの確率で起こります。

引き続き、抑制の方法を探しますので、解決しましたら、こちらでもご報告させていただきます。
もし解決済みの方がいらっしゃいましたら、ご教授願います
よろしくお願い致します。

ソース リンク
Nao
  • 21
  • 3

pushPage終了時のちらつきが気になる。

Cordova & OnsenUI で AngularJSベースに開発しています。

OnsenUIのpushPageメソッドにて画面遷移をした場合に、iOS端末(iPhone6,iOS8)にて、ちらつきが発生してしまいます。

対策として、プレフィックス付きで、
backface-visibility: hidden;
を設定してみましたがちらつきが抑えられていません。

また、cssアニメーションで動かされている場合、translateをtranslate3Dにする対策もあるようですが、onsenui.cssを覗いてみたところ、translate関数は使われていませんでした。

もし、ちらつき抑制の方法をご存知の方がいましたら、ご教授いただけませんでしょうか。
よろしくお願い致します。