浏览器还会动画显示不可见的内容吗？

Question

当页面包含折叠下的CSS3动画，或者当用户向下滚动时隐藏的动画，您应该使用Javascript应用一个类来停止动画，还是浏览器不动画不可见的元素？

Answer 1

即使浏览器不会绘制视区之外的元素，我仍然非常确定它们将继续更新css动画所确定的css属性，即使元素不可见。

这是为了能够侦听动画事件，或者能够在任何给定时间读取动画css属性的值所必需的。

因此，从理论上讲，您可以通过删除为元素添加动画的css类来提高性能，但除非您有非常复杂的动画或为数百个元素添加动画，否则我不会真正担心这一点。

“绘图”通常是最昂贵的部分，特别是如果你要动画的东西，如颜色，这会导致重新绘制。但是，如果您使用css转换来为平移或旋转设置动画，则浏览器通常不需要对每个帧进行重新绘制。相反，它可以只绘制元素一次，并将其作为纹理发送到GPU，让GPU每帧转换或旋转它，这是非常快的，因为它都是硬件加速的。