Skip to content

Tutorial : Basic Pin

Jump to bottom
grayghostvisuals edited this page Oct 21, 2014 · 15 revisions

Basic Pin Demo: Uses multiple scenes and a full viewport height set for each section.

Official ScrollMagic Basic Pin Example

If you found a mistake or have a suggestion for improvement, please raise an issue.

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