GSAP Animation Timelines FAQs

Question 1

Why shouldn't I put ScrollTrigger on nested animations?

Accepted Answer

ScrollTrigger should only be applied to the top-level timeline or tween. Putting ScrollTriggers on nested elements within a timeline causes conflicting logic between the scroll position and the timeline's own playhead.

Question 2

When should I use a GSAP timeline instead of a single tween?

Accepted Answer

Use a timeline whenever you have multiple animations that need to occur in a specific order or with relative timing. Timelines offer much better control and maintainability than chaining individual tweens with delays.

Question 3

What is the benefit of the position parameter in GSAP?

Accepted Answer

The position parameter allows you to place animations exactly where you want them: at absolute times, relative to the end of the previous tween, or aligned with specific labels and start times.

Question 4

Can I nest multiple timelines within each other?

Accepted Answer

Yes, GSAP supports nesting timelines. You can build small, modular animations and then add them to a 'master' timeline, which is a best practice for complex projects.

Question 5

How do timeline defaults improve my animation code?

Accepted Answer

Setting defaults in the timeline constructor (like duration or ease) ensures that every animation added to that timeline inherits those properties, drastically reducing repetitive code.

GSAP Animation Timelines

Key Features

Use Cases

GSAP Animation Timelines

Key Features

Use Cases