Learn ScrollMagic from scratch.

A Simple One Page Template

Follow these simple rules and tell your story with scrolling animations.

Scroll Down


Simplify your content to a MINIMUM.

A picture is worth a thousand words

Let the images do the talking and use text for short summaries.


Focus on the most IMPORTANT thing. The one thing!

Position and Timing

Position elements based on the background image and trigger animation at the right time.

Use different triggerElements in combination with offsets to be in full control.


You don't ask, you don't get. Always end with CALL TO ACTION.