Блог

Как я могу объединить 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"
  }
});