我有一个使用animate.css库严重依赖CSS过渡/动画的网站 - ＆gt; https://www.frasesparavida.com.br
我知道浏览器现在主要使用GPU来优化CSS动画以避免瓶颈。所以我想知道：当我检测到我的动画是在视口之外时，我应该手动（使用JS）停止我的CSS动画吗？浏览器会自动停止处理这些动画吗？
我的大多数动画都是在某些时间间隔内向元素添加/删除类fadeInUp。所以我的问题是：当元素在视口之外时，添加那些类（导致动画）会导致浏览器的任何有意义的开销吗？浏览器＆＃34;暂停＆＃34;这些动画在不可见时自动生成？
答案 0 :(得分：0)
从我所看到的情况来看，我相信动画即使在不可见的情况下也会继续运行。因此，如果你想在不可见的情况下暂停它们，它取决于你，我能想到的暂停它们的唯一原因将是较慢的计算机和操作系统，但这些动画似乎不太强烈。最需要处理的。如果你这样做，请记住，如果你这样做，浏览器运行的JS就更多了。