我有一个transition: all .25s linear;
的元素。
只要在IE11中加载页面,它在第一次使用时运行速度会稍微慢一点,然后按预期工作。为什么是这样?是否有一些动画缓存?在Chrome中按预期工作。
这听起来很挑剔,但这是一个引人注目且烦人的故障,因为元素位置受其影响,而在较慢的负载上,你可以看到你不应该看到的背景元素。
答案 0 :(得分:1)
我怀疑由于初始页面加载,它第一次运行缓慢。可能还有其他正在运行的进程可能会减慢转换速度。第二次将更顺畅,因为资源已被缓存,性能不受阻碍。我将通过https://developers.google.com/speed/pagespeed/?hl=en运行您的网站,以查找可能妨碍性能的任何渲染阻止脚本。
另请参阅此文章以确定哪些属性可以便宜地设置动画。 http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/