如何结合GreenSockGSAP的ScrollTrigger和TextPlugin

问题描述

如何将ScrollTrigger与它们的不同插件结合使用，例如TextPlugin？ 就像补间一样

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

到

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

出现#tweenthat时。

解决方法

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

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