Chapter 408: ScrollTrigger tips & mistakes

Core Idea

Are you guilty of any of the most common mistakes people make in their ScrollTrigger code?

Code Examples

gsap.to("h1", {
  x: 100,
  scrollTrigger: {
    trigger: "h1",
    start: "top bottom",
    end: "center center",
    scrub: true,
  },
});

gsap.to("h1", {
  x: 200,
  scrollTrigger: {
    trigger: "h1",
    start: "center center",
    end: "bottom top",
    scrub: true,
  },
});

• What it demonstrates: typical usage of ScrollTrigger tips & mistakes in a GSAP animation.

Key Takeaways

1. Are you guilty of any of the most common mistakes people make in their ScrollTrigger code?