(ScrollTrigger) Can we align Scroller star with start?

[Justinmymind]

Hi all, i want to start my animation when i start the scroll. 

Can we do that with the property .start ?

 

[akapowl]

Welcome to the forums @Justinmymind

 

Sure, it should be possible. Something like this e.g. if I estimate correctly what direction is you are looking to go with this - things might be different for you though, so a minimal demo is always appreciated.

 

See the Pen WNXpWNR by akapowl (@akapowl) on CodePen

 

 

Edit:

And here is another way, not defining a trigger element (so it defaults back to the body as the trigger) and with a start at 0.

 

See the Pen wvPJZpd by akapowl (@akapowl) on CodePen

 

 

Edit 2:

 

Since I just ran into that trap myself by tweening on the rotation in that scrubbing ScrollTrigger in that first example (so I now changed  it to a translation on the x-axis):

 

Be aware, that you best shouldn't tween on the trigger element itself (mainly if you do so on properties that might affect the start and end of the ScrollTrigger - like when tweening on the rotation in that scrubbing scrollTrigger there e.g. would affect the start when resizing mid-scrub). What you could do in cases as such, is wrap the element you are going to tween on in a div, and use that wrap as the trigger element then instead.