2 ScrollTriggers interfering with each other.

[Rene Koops]

Hi!

 

Im searching in the depths of the internet for this solution. (Maybe my Google skills are not as good as i thought). 🥲

I'm having the following problem. I've created 2 seperate ScrollTriggers, one basic fade-up and another img sequence thingy. (I have more but i wont bother u with them).

 

The image sequence Scrolltrigger has a pin:true and a scrub: true,

When those options are active my other Scrolltriggers are broken because they doesnt recognize the right start point anymore.

 

I've created a demo to show what is going wrong:

 

What is the best way to do this? 

Thanks in advance!

See the Pen qBvLepJ by Tootal (@Tootal) on CodePen

[Rene Koops]

Update:

refreshPriority did the trick!

 

I've updated my pen for other users

 

[mvaneijgen]

Hi @Rene Koops welcome to the forum!

 

Glad you've solved your issue, yeah refreshPriority is the fix if you want to load multiple blocks on the same effects and switch them. 

 

Normaals welkom en veel geluk met je project! 

[Rene Koops]

Thx @mvaneijgen! 

 

Fijne dag😄