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

Question

我在很多这样的网站上都遇到过，这些网站的动画是通过滚动触发的。实际上，我最初以为我们是通过使用JavaScript通过计算光标相对于我们可以通过每个位置的动画的网站页面的位置来实现的。

但是当我做了一些谷歌搜索时，我发现了有关“交叉口观察者”的东西。我有远见的方法是否存在任何性能问题或种类？

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

Answer 1

在Intersection Observer API之前，您将监听scroll事件，并检查每个滚动像素的元素位置。那是性能繁重的工作，被人们称为很多！交叉口观察员旨在以高效的方式解决此问题。您将无法通过替代方法获得更好的性能。

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

Answer 2

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