Animation on ScrollMagic Demo site

[Schokiii1993]

Hi guys,

I'm new to ScrollMagic and I really would like to now how to make the first scrolling animation that appears on the scrollmagic demo website: https://scrollmagic.io/

I mean the very first animation you see when you scroll down a bit. The section remains steady (it looks like it got frozen) and the animation appears on top of the page. After the animation finished, the page scrolls down.

I can't find any documentation for the animation and would really appreciate it if someone could help me.

Thanks a lot

[johnfmorton]

Hello.

The examples page will be really helpful. What you see on that home page is a combination of various techniques.

First try this: https://scrollmagic.io/examples/basic/simple_pinning.html. Simple pinning is the "frozen" thing you referenced.

Then combine that with something like this: https://scrollmagic.io/examples/advanced/advanced_tweening.html

Hopefully, that gets you started out.

-John