pinning a section is changing the start and end value of other scroll trigger

[wetwhite]

pinning a section with lottie animation with scrolltrigger offsets the start and end value of the other scrolltrigger

See the Pen wvbeyBy by wetwhite (@wetwhite) on CodePen.

[Cassie]

Hi there!

 

This is because it's important to create your ScrollTriggers in the order they appear on the page.

You have an event listener wrapped around the first one, waiting for the data to be ready, so the last ScrollTrigger is created before the first one.

You can call ScrollTrigger.sort() to fix this issue.

See the Pen BaeZrbo by GreenSock (@GreenSock) on CodePen.

I've also rewritten your final tween as it's not animating anything so it makes more sense as a standalone ScrollTrigger,

hope this helps!

[wetwhite]

56 minutes ago, Cassie said:

Hi there!

 

This is because it's important to create your ScrollTriggers in the order they appear on the page.

You have an event listener wrapped around the first one, waiting for the data to be ready, so the last ScrollTrigger is created before the first one.

You can call ScrollTrigger.sort() to fix this issue.
 

 

I've also rewritten your final tween as it's not animating anything so it makes more sense as a standalone ScrollTrigger,

hope this helps!

 

Thank you.