Skip to content
Jan Paepke edited this page May 6, 2019 · 34 revisions

Learning ScrollMagic

Welcome to the ScrollMagic learning resource.
Please use the menu on the right to navigate.


This is a work in progress.
If you're willing to contribute, please reach out !

Home

Troubleshooting Guide

Getting Started

First Steps
How to use ScrollMagic
Using AMD (i.e. requirejs)

Basics:

What are Tweens (and their projected duration)
What are Pins
Scene trigger position
Debugging

Tutorials:

basic pin w/multiple scenes
basic tween w/multiple scenes
anchor navigation
using ScrollMagic with OnePageScroll
using ScrollMagic with Tween.js

Getting Started (v2)

  1. Setup
  2. First Tween
  3. First Pin
Clone this wiki locally