GSAP - ScrollTrigger

Aus Wikizone
Wechseln zu: Navigation, Suche

Update: Die beste Möglichkeit Scrolling mit Animationen zu verbinden ist mit dem neuen (2020) ScrollTrigger Plugin. 

https://www.youtube.com/watch?v=X7IBa7vZjmo Intro mit Beispielen
https://greensock.com/scrolltrigger Main Page
https://greensock.com/docs/v3/Plugins/ScrollTrigger Documentation
https://greensock.com/st-mistakes/ Häufige Fehler (auch mit each Schleifen)

Obsolet: https://codepen.io/osublake/pen/a633d0c9e6e2b951496d7f1eb4fd8fb6 (ohne ScrollMagic)

Quickstart

Eine gute Methode vorzugehen:

  • Timeline-Animation ohne ScrollTrigger bauen
  • ScrollTrigger Konfiguration in die Timeline einbauen.

MatchMedia

Mit MatchMedia kann man unterschiedliche ScrollTrigger für unterschiedliche Bildschirme nutzen. 

https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.matchMedia()
Abgerufen von „https://wiki.stephanschlegel.de/index.php?title=GSAP_-_ScrollTrigger&oldid=25323“