2014年12月10日水曜日

iPadでのアニメーションのチラツキ

スマホ用サイトを構築していたのですが、
突如としてスライダー部分がチラツク現象が起きました。

原因を調べてみると、サイト内のスクロールの動きをなめらかにするために、

-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);

を入れていたのですが、下の
-webkit-transform: translateZ(0px);
が駄目だったみたい。
GPUアクセラレータ効かせたために、動作が重くなったんですかね?

原因はよくわかってないので、また分かったら追記しますー。

参考:
http://blog.asial.co.jp/iphone/1147

0 件のコメント:

コメントを投稿