向 Greensock 团队及其发布的 ScrollTrigger 致敬。此新插件的目的是在页面滚动到特定位置时触发动画，以及当某些元素位于视口中时触发动画。您可以配置任何您想要配置的内容。多年来，已经出现了许多滚动位置库，但 Greensock 擅长获得完美的 API 和性能——更不用说，因为您想要触发动画，现在您可以随时使用 Greensock 来确保您万无一失。它与 GSAP 的所有其他动画可能性紧密集成（例如，基于滚动位置设置动画时间轴）。
他们有 文档 和许多 示例。我特别喜欢他们如何有 一个错误部分，其中包含了您可能出错的方式。每个项目都应该这样做。
CodePen 充满了示例，因此我将借此机会在此处提供一些示例供您欣赏。您可以在 CodePen 上免费试用它（搜索它）。
如果您担心运动过多，您可以通过 prefers-reduced-motion 负责任地做到这一点，它既可以作为 CSS 媒体查询使用，也可以 在 JavaScript 中使用。