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

Question

如何将 ScrollTrigger 与其不同的插件结合使用，例如文本插件？喜欢补间

<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"
  }
});

How to combine GreenSock's (GSAP) ScrollTrigger and TextPlugin