iOSのSafariでCSSアニメーションの動きがイマイチな件
iOSのSafari初回読み込み時にCSSアニメーションの動きが変な時があります。
時には動かいないときもあります。
一旦ページを読み込んでキャッシュが保存されると問題ないのですが、
キャッシュを削除してから読み込むと動きが変。
というわけで、jqueryでページをすべて読みこんでからアニメーション部分のCSSだけ最後に読み込むようにしたら解決しました。
忘れないようにメモです。
1 2 3 4 |
$(window).on('load', function () { var style = '<link rel="stylesheet" href="animation.css">'; $('head link:last').after(style); }); |