Text scrolling beyond pinning points

[Shehzad Asif]

Hi There

 

I am observing a wired issue with pinning. The thing is text pinning should end when the container height ends but it scrolls beyond its height and join next container text and then leave pinning. I tested it by putting "+=100%" and other functions like "container scroll height and endTrigger" but same issue. What I am trying to achieve is that text should leave pinning when it comes to the top/ center of last image of each container through single tween. What I am missing?.

See the Pen JjKVROB by ShehzadAsif (@ShehzadAsif) on CodePen

[ZachSaucier]

Hey Shehzad. It's doing what it's supposed to do, so I'm guessing it's some misunderstanding on your side. If you're not attaching an animation to a ScrollTrigger you should probably use the ScrollTrigger.create() method.

 

I would set it up this way:

See the Pen RwROoqp?editors=0010 by GreenSock (@GreenSock) on CodePen

[Shehzad Asif]

Hi Zach

 

Here I go. You are awesome man and gsap too. Thanks a lot for the amazing support always.