スマホでCSSアニメーションが反映されない。

Question

CSSアニメーションを用いてWEB実装を行なっていますが、pc上では検証モードなど使用しても動きが確認できる一方で、実際にアップして実機で確認するとCSSアニメーションが部分的に反映されません。

実機でのみ効かない原因がわからず解決方法や可能性をご教示いただけると嬉しいです。

↓下記アニメーションは実機でのみ作用せず小刻みに震えるバグが起こってしまいます。

.object {
  -webkit-animation: fuwafuwa 4.5s infinite ease-in-out 1.1s alternate;
  animation: fuwafuwa 4.5s infinite ease-in-out 1.1s alternate;
}
  #otter {
    transform : translate(108%, 0);
    -webkit-animation: otterin 1.5s ease-in-out 12s forwards,
    fuwafuwa 4.5s infinite ease-in-out 13.5s alternate;
    animation: otterin 1.5s ease-in-out 12s forwards,
    fuwafuwa 4.5s infinite ease-in-out 13.5s alternate;
  }

Comments

[yambejp]

それが動作する最小限のHTMLを例示ください
動作するというPC/動作しないというスマホのOSおよびブラウザの種類とバージョンを明記ください

Answer 1

解決しました。CSSでhtmlにscroll-behavior: smoothをしていたせいでした。お騒がせしました。5時間かかって見つけたscroll behaviorは許しません。