Chapter 372: ScrollTrigger.snapDirectional

Core Idea

Returns a snapping function to which you can feed any value to snap, along with a direction where 1 is forward (greater than) and -1 is backward (less than).

Key Concepts

• incrementOrArray: Number | Array

Code Examples

// returns a function that snaps to the closest increment of 5
let snap = ScrollTrigger.snapDirectional(5);
snap(11); // 10 (closest, not directional)
snap(11, 1); // 15 (closest greater than)
snap(11, -1); // 10 (closest less than)

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

Key Takeaways

1. incrementOrArray: Number | Array