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

Question

我在很多这样的网站上遇到过，这些网站都有通过滚动触发的动画。 我实际上一开始以为我们是在 javascript 中通过计算光标相对于网站页面的位置来完成的，我们可以通过每个位置的动画来实现。

但是当我用谷歌搜索时，我发现了关于 Intersection Observer 的这些东西。 我设想的方法是否存在任何性能问题或类似问题？

注意：我正在寻找一种没有框架的方法。

Answer 1

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

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

Answer 2

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