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で制御。
コメント