【问题标题】: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"
      }
    });
    

    【讨论】:

    猜你喜欢
    • 2021-07-04
    • 1970-01-01
    • 2021-04-17
    • 1970-01-01
    • 2022-11-13
    • 2021-03-17
    • 1970-01-01
    • 2021-04-23
    • 2021-08-26
    相关资源
    最近更新 更多