gpt4 book ai didi

javascript - 当 CSS 动画在视口(viewport)之外时,我应该停止它们吗

转载 作者:行者123 更新时间:2023-12-01 06:00:36 25 4
gpt4 key购买 nike

我的网站严重依赖 CSS 过渡/动画,使用 animate.css图书馆-> https://www.frasesparavida.com.br

我知道现在的浏览器在优化 CSS 动画方面做得很好,主要使用 GPU 来避免 CPU 的瓶颈。所以我想知道:当我检测到我的动画在视口(viewport)之外时,我应该手动停止(使用 JS)我的 CSS 动画还是浏览器会自动停止处理这些动画?

我的大部分动画都完成了添加/删除类,如 fadeInUp在某些时间间隔内对元素。所以我的问题是:当元素在视口(viewport)之外时添加这些类(导致动画)是否会对浏览器造成任何显着的开销?当它们不可见时,浏览器会自动“暂停”这些动画吗?

最佳答案

从我所见,我相信动画即使在不可见的情况下也会继续运行。因此,如果您想在不可见时暂停它们,这取决于您,我能想到的暂停它们的唯一原因是计算机和操作系统速度较慢,但​​这些动画对于大多数人来说似乎并不太密集。如果您要这样做,请记住,如果您这样做,浏览器将运行更多的 JS。

关于javascript - 当 CSS 动画在视口(viewport)之外时,我应该停止它们吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45944126/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com