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

【问题标题】：How to combine GreenSock's (GSAP) ScrollTrigger and TextPlugin如何结合 GreenSock 的 (GSAP) ScrollTrigger 和 TextPlugin
【发布时间】：2021-02-16 02:23:14
【问题描述】：

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

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

到

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

当#tweenthat 出现时。

【问题讨论】：

标签： gsap scrolltrigger

【解决方案1】：

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

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

【讨论】：

仅供参考，您更有可能在the GreenSock forums 上获得更快的回复。