Frage von TheHelper123, 19

Wie macht man mit ScrollMaigc einen Parallaxen Scroll Effekt?

Hallo,

ich bin gerade dabei eine Website zu basteln und hatte vor dort einen Parallaxen Scroll-Effekt einzubauen. Dies wollte ich mit Scrollmagic machen, weil dies in den zahlreichen Demos, die es im Internet gibt sehr vielversprechend aussieht.

Als ich dann aber versucht habe, so einen Parallaxen Scroll-Effekt in meine Seite einzufügen, hatte ich bereits beim kopieren des in der Demo** funktionierenden** Beispiels Probleme. Also bei der Demo (https://codepen.io/rugor/pen/XmyWdj) funktioniert der Effekt ziemlich gut. Wenn ich aber alles bei 1 zu 1 übertrage (ja, die Plugins habe ich auch installiert), funktioniert bei mir der Parallax Effekt jedoch nicht.Hier meine kopierte HTML-Seite: codepen. io/anon/pen/PGZqjE (ohne Leertaste)

Kann mir irgendwer weiterhelfen und hat jemand eine Ahnung was ich falsch gemacht habe ? Ich würde mich echt ziemlich freuen, weil ich gerade einfach nicht mehr weiter weß :(

TheHelper123

Antwort
von n0b0dyelse, 14

In der Console steht, dass das Plugin animation.gsap nicht geladen werden konnte,(du hattest vergessen den öffnenden Script Tag zu schließen)

<script type="text/javascript" src="//rawgit.com/janpaepke/ScrollMagic/master/scrollmagic/uncompressed/plugins/animation.gsap.js</script>"

hier die funktionierende version resultierend aus deiner:

http://codepen.io/anon/pen/PGZgXz

Kommentar von TheHelper123 ,

Ahhhhhhh super. Danke! Du bist der/die Beste!

Keine passende Antwort gefunden?

Fragen Sie die Community