Variables in ScrollTrigger

[Lauritz Offe]

Hi,

for my Projekt in TYPO3 I need to use variables in my Animation / ScrollTrigger .

 

Somethin like that...
 

var myid1 = somefunction1

var myid2 = somefunction2

 

ScrollTrigger.create({  

trigger: '#step-2',  

start: 'top center',  

onEnter: myid1,  

onLeaveBack: myid2,  

markers: false,  

id: 'second-box' });

 

Is this even possible?
I don´t need to change the variables  on the fly.

 

Thanks in advance

Lauritz Offe

[Cassie]

Hi @Lauritz Offe

Yep, that's possible - You can even do function based values as an option - Here you go.

See the Pen VwzNgNg?editors=1111 by GreenSock (@GreenSock) on CodePen

In future if you could pop together a minimal demo first to test out your code that would be great! ✨

Thanks, and good luck with your project!

[Lauritz Offe]

@Cassie

Thank you for your answer

[Lauritz Offe]

The Solution was that is is possible to use js in an option field:
onEnter: () => {

//here you can use js

return someValue;

},

[GreenSock]

I'm not sure if you meant that as a question, @Lauritz Offe. If so, no, it wouldn't make sense to use function-based values to function-based values In other words, how would ScrollTrigger know that the function you're passing it is the actual onEnter that should be called or just a function that's to be called in order to get the real onEnter function?