-
Notifications
You must be signed in to change notification settings - Fork 2.2k
Home
janpaepke edited this page Oct 24, 2014
·
34 revisions
A work in progress. If you're willing to contribute, please feel free to do so!
Getting Started:
- First Steps
- How to use ScrollMagic
Understanding:
- Debugguging
- Scene trigger position
- Pins
- Tweens (and their projected duration)
Tutorials:
- basic pin w/multiple scenes
- basic tween w/multiple scenes
- anchor navigation
- swipe or wipe
- parallax effects
- using ScrollMagic with OnePageScroll
- using ScrollMagic with Tween.js
If you found a mistake or have a suggestion for improvement, please raise an issue.
First Steps
How to use ScrollMagic
Using AMD (i.e. requirejs)
What are Tweens (and their projected duration)
What are Pins
Scene trigger position
Debugging
basic pin w/multiple scenes
basic tween w/multiple scenes
anchor navigation
using ScrollMagic with OnePageScroll
using ScrollMagic with Tween.js