anime.jsでObject expectedが出てエラー。IE11の時にね。。。

javascriptでアニメーションを制御する時にanime.jsライブラリを使っていました。
ある時、youtubeのiframe埋め込み要素をフェードインで表示するアニメーションをanime.jsで制御したところ、IE11でうまく動作しませんでした。

出ていたエラーは、Object expected。
なんでしょう?chromeやfirefox、safariでは問題ないのですが。。。

調べたところ、以下のページにたどり着き、他の方法でアニメーションを制御するしかないなぁ、という結論にいたりました。

Anime homepage errors out in IE 11 · Issue #123 · juliangarnier/anime
SCRIPT5007: Object expected anime.min.js (18,295)
Error in anime.min.js on IE11
Error in anime.min.js on IE11 Resolved Peter Hardy-vanDoorn (@petervandoorn) 4 years, 6 months ago Yes, I know… IE 11… client uses it… what can I do? So anime.m...

で、フェードインアニメーションはIEの時だけ、cssで代替しました。

if((navigator.userAgent.indexOf('msie') > 0) || (navigator.userAgent.indexOf('Trident') > 0)){
    $("body").addClass("msie");
}

useragentでIE時、bodyにクラスを追加して、cssで制御。

コメント

タイトルとURLをコピーしました