[ScrollTrigger - Conflict when using 2 instances in the same page.]

Thank you very much. Yes, it was most likely the error. I am running into another issue now ("ScrollTrigger is not defined") which is what was the issue I had before (which led me to move away from the addEventListener - nonetheless, I had not realized I was overwriting the window.onload, thank you for point that out).

 

So I will mark your reply as a solution, since my issue now is another one.

 

Thank you!

[ScrollTrigger - Conflict when using 2 instances in the same page.]

Here's a codepen of the issue: 

See the Pen jOJMJqJ by FillipeMontenegro (@FillipeMontenegro) on CodePen

[ScrollTrigger - Conflict when using 2 instances in the same page.]

https://www.momentumm.co/scrolltrigger-conflict-isolated?showMarkers=true

 

To activate the markers.

[ScrollTrigger - Conflict when using 2 instances in the same page.]

Hello,

 

When using two instances of the ScrollTrigger, it seems that the first instance breaks.

I have used unique names for the variables, functions, so I'm not sure that's the issue.

 

For context: the page is on a HubSpot site.

 

I have isolated the issue as much as possible on this page https://www.momentumm.co/scrolltrigger-conflict-isolated (password is testgsap123)

 

Any clue on why this might be happening or how to fix it is very much appreciated!