Update/Refresh start value after pin spacer added

[oligsap]

Hello,

 

I'm trying to refresh my button animation without having to put it after the main animation (it's my paradigm). As you can see the start marker is situated where the button was before the pin spacer of the main animation was added.

 

Thanks for your help

See the Pen OJNKKKx by olig (@olig) on CodePen

[akapowl]

Hey @oligsap

 

 

You could do that by simply adding a

 

refreshPriority: -1

 

to your button-ScrollTrigger.

 

 

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

 

 

Check this section in the Most Common Mistake article for more info

 

 

 

Hope this helps.

Cheers,

Paul

 

 

 

[oligsap]

Hi Paul,

 

Thanks for the help, it solved my problem. Sorry for that I'll check into these mistakes, I didn't even know I was making one.

 

Cheers

[akapowl]

8 minutes ago, oligsap said:

Sorry for that I'll check into these mistakes, I didn't even know I was making one

 

Hey @oligsap

No need to apologize.

 

Just to make sure:

I was not intending to point a finger at someone.

 

Most people (including myself) do not even realize when they make mistakes regarding ScrollTrigger.

 

I just wanted you to know, that this very helpful page exists -

it's always a good starting point to check, when things do not work as expected with ScrollTrigger.

 

Happy Scrolling