遇到这个问题弄好久终于搜到了 就是首屏的时候rem 计算出问题了 导致动画不正常
最近也遇到这个问题，怀疑是ios上webkit浏览器都有的问题，ios上firefox浏览器也表现正常。
情况是首页加载的keyframes动画，使用了rem单位，有时候会异常（感觉像是keyframes计算ram时获取根节点字体大小不正确，导致的距离缩短）。
解决方法
使用setTimeout(fn,0),利用js单线程的特性，将加载动画class放在线程最后执行，从而使动画表现正常。
代码如下：
setTimeout(() => {
$("#id").addClass("animation")
}, 0)
意思就是不在首屏的时候使用动画 通过单独写个类添加动画 然后用定时器将类名字添加上去
https://segmentfault.com/q/1010000010542973
网友评论