Animation START not correct

[Vasyl Shvets]

When i scroll the text show later than i expect. "start: 'top 60%'" not work correctly

 

See the Pen NWXdyBp by vasyl-shvets (@vasyl-shvets) on CodePen

[GreenSock]

I'm not sure I understand your question correctly, but it looks to me like you're animating the parent element vertically which throws off the calculations of those child element ScrollTriggers. Remember, ScrollTrigger pre-calculates exactly where things will hit the viewport at the correct spots so that performance is maximized (rather than constantly checking as you scroll to do a getBoundingClientRect() or something).

 

In general, it's a bad idea to animate the container vertically, but if you must then you'll need to factor that movement into your start/end values. For example, if you're animating the parent up by 100px, you'd make the child start positions 100px greater than they'd normally be. 

[Vasyl Shvets]

I mean: When i scroll the text show later than i expect. "start: 'top 60%'" not work correctly

[GreenSock]

I already explained why and offered a solution.