hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

iPhone mobileSafariでのtransitionのチラツキが止まらないよドラえもん

いろんな方法やっても止まらなかったんだよ
おまじないいれても止まらなかったんだよ

※おまじない
[html]
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
[/html]

で、css消したら止まったんだよ
まさかのtextindent-9999pxが悪さをしていたんだよ
ページ全体じゃなくて、関係ない一部のパーツが使っていても悪さをするんだよドラえもん
原因突き止めたところでおぐぐりあそばしたらやっと対策記事が。。(後光が見える。。)

WebTecNote – css, css3, html スマートフォン(iPhone, Android)ブラウザのバグまとめ : http://tenderfeel.xsrv.jp/css/1177/

あ、前見たことあるお世話になっているサイトじゃないか。。。

あああ。灯台下暗らし。。ありがとうございます!!

これプラス、処理が多すぎるときにシーンを抜けたら処理を止めるクラスを追加するようにした。
[html]
.noTransition {
-webkit-transition: none!important;
transition: none!important;
}
[/html]

いっちょあがりである。


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください