Intersection Observer API 是滚动动画的唯一方法吗？

Question

我在很多这样的网站上遇到过，它们都有通过滚动触发的动画。实际上，我一开始以为我们是在 javascript 中通过计算光标相对于网站页面的位置来实现的，我们可以通过每个位置的动画来实现。但当我用谷歌搜索时，我发现了有关 Intersection Observer 的内容。我设想的方法是否存在任何性能问题或类似问题？注意：我正在寻找一种无需框架即可实现的方法。

Answer 1

在使用 Intersection Observer API 之前，您将侦听事件scroll并检查每个滚动像素的元素位置。这是一项繁重的工作，而且经常被调用！Intersection Observers 旨在以高效的方式解决这个问题。您不会从替代方案中获得更好的性能。

你不需要框架。该 API 是您的浏览器原生的（考虑到您有支持）。

Answer 2

如果您正在寻找随时可用的动画，那么AOS库就是一个很好的例子。还有许多其他用于滚动动画的库。