7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 7Length: 36 minutes

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Introduction

Welcome to Getting Started with ScrollMagic. In this course, you will learn how to use the ScrollMagic JavaScript library to simplify the process of creating scroll-driven events and animations.

1.Introduction
1 lesson, 00:40

1.1
Introduction
00:40

2.Scrollmagic Setup
2 lessons, 07:18

2.1
Using ScrollMagic
03:35

2.2
Controllers and Scenes
03:43

3.Scroll Events with Scrollmagic
3 lessons, 26:59

3.1
Pinning an Element
09:38

3.2
Pinning a Menu
07:03

3.3
Scrollable GSAP Animations
10:18

4.Conclusion
1 lesson, 00:36

4.1
Final Thoughts
00:36


1.1 Introduction

Hello and welcome to getting started with ScrollMagic. My name is Craig Campbell and I will be your instructor for this course. In this short course, we're going to take a high level overview of the ScrollMagic JavaScript library, which allows us to create animations that are tied to the scroll bar, so that as you scroll up and down in the browser window you can control the playback of your animations. In this course, we'll be using the GreenSock animation platform to create our animations and you can learn more about GreenSock and some of our other Tuts+ courses. So once again, I want to thank you so much for watching. In the next lesson, we'll get started.

Back to the top