Chapter 355: ScrollTrigger.create

Core Idea

Creates a standalone ScrollTrigger instance

Key Concepts

• vars: Object

Code Examples

ScrollTrigger.create({
  trigger: "#id",
  start: "top top",
  endTrigger: "#otherID",
  end: "bottom 50%+=100px",
  onToggle: (self) => console.log("toggled, isActive:", self.isActive),
  onUpdate: (self) => {
    console.log(
      "progress:",
      self.progress.toFixed(3),
      "direction:",
      self.direction,
      "velocity",
      self.getVelocity()
    );
  },
});

• What it demonstrates: typical usage of ScrollTrigger.create in a GSAP animation.

Key Takeaways

1. vars: Object

Connects To

• see the main ScrollTrigger page.: related GSAP concept