(ScrollTrigger) Spacing Issues with Pinned Section

[David Kennedy]

I am trying to create a scroll-through full-page photo that transitions between photos with text sections above and below that scroll by paragraph. The section on top works as expected and the fade through on the photos works but the text section below doesn't track properly. I made a CodePen to show my troubles. Thanks in advance.

See the Pen rNpYaqq by jdavidkennedy (@jdavidkennedy) on CodePen

[GreenSock]

If I understand your question properly, it's because you created your ScrollTriggers out of order. You can either create them in the order they appear, set refreshPriority for each, or you can simply run this at the end of your code: 
 

ScrollTrigger.sort();

And it'll try to figure it out by itself. That's the simplest fix here. 

[David Kennedy]

That fixed it. Thank you!