2020-11-10 19:00
华中科技大学 前端工程师 0 点赞 评论 收藏
分享
2020-06-06 23:39
华中科技大学 前端工程师 FengYuki:的确是个很奇怪的问题, 但是我感觉楼主若换一种写法就能避免这种问题
1. 首先 RAF 的每一次调用都应该是更新一帧动画, 注意是一帧, 而不是像楼主一样用一次 RAF 来执行一个长达1s的动画. 浏览器在页面焦点发生切换时是可能对动画的帧进行优化的. 实际上, 这种调用方法也并不能发挥 RAF 的优势(即页面没有focus时动画暂停)
2. CSS3的transition 和 RAF 都是实现动画的两种方式, 最好单独用, 混在一起用的话是可能出现类似的问题.
3. 对于楼主的这种情况, 直接把 window.requestAnimationFrame 换成最原始的 setTimeout(xxx, 0) 就能解决问题.
0 点赞 评论 收藏
分享
关注他的用户也关注了: