gsap - 如何结合 GreenSock 的 (GSAP) ScrollTrigger 和 TextPlugin

Question

如何将 ScrollTrigger 与其不同的插件（例如 TextPlugin）结合使用？像补间一样

<h2 id="tweenthat">That</h2>

至

<h2 id="tweenthat">This</h2>

当#tweenthat映入眼帘时。

Answer 1

ScrollTrigger 可以添加到任何补间或时间线（除了以独立方式创建）。因此，只需创建您想要的动画，然后将其附加到 ScrollTrigger。例如：https ://codepen.io/GreenSock/pen/LYZrjqJ

gsap.to("#myText", {
  duration: 2, 
  text: "thank you for waiting", 
  delay: 1,
  scrollTrigger: {
    trigger: "#myText"
  }
});