The Scrolltrigger not working by me

[Damann8479]

hello,

i dont understand why the scrolltrigger not working. the animation is working but only by reload the site not by scrolling.

I hope someone can help me

 

See the Pen zYPzMOG by peter-k-hnel (@peter-k-hnel) on CodePen

[akapowl]

Welcome to the GSAP forums @Damann8479

 

When you use ScrollTrigger as an object in a timeline/tween, it is scrollTrigger in camel case, you have scrolltrigger all lower case in your demo. Also, while you are creating multiple timelines, you are adding all of your tweens to your first timeline only. And last but not least, when you set the opacity to 0 in the gsap.defaults() like that, everything will be affected by that - which e.g. would cause your markers to not appear. So you will probably want to put it in the timelines' defaults instead.

 

Here is your example working - I hope it will help.

 

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

 

[Damann8479]

20 minutes ago, akapowl said:

Willkommen im GSAP-Forum@Damann8479

 

Wenn Sie ScrollTrigger als Objekt in einer Zeitachse/einem Tween verwenden, wird es scrollTriggerin Camel-Case verwendet, Sie haben scrolltrigger alle Kleinbuchstaben in Ihrer Demo. Außerdem fügen Sie beim Erstellen mehrerer Zeitachsen alle Ihre Tweens nur zu Ihrer ersten Zeitachse hinzu. Und last but not least, wenn Sie die Deckkraft in gsap.defaults() so auf 0 setzen, wird alles davon beeinflusst - was zB dazu führen würde, dass Ihre Markierungen nicht erscheinen. Daher werden Sie es wahrscheinlich stattdessen in die Standardeinstellungen der Zeitleisten einfügen wollen.

 

Hier ist Ihr Beispiel funktioniert - ich hoffe, es wird helfen.

 

 

 

 

Thank you