Learn to control your animations on scroll with GreenSock's powerful ScrollTrigger. Unlock this complete course with your Creative Coding Club membership.
ScrollTrigger is by far GreenSock's most groundbreaking plugin to date.
With ScrollTrigger you can control all your GreenSock animations with the precision and performance you would expect from an official GreenSock tool.
Stop using un-supported, third-party tools with only half the features.
ScrollTrigger is the absolute best tool for the job and I've spent over 100 hours learning it and preparing these lessons.
In this course I'm going to go step-by-step through the ScrollTrigger basics and most popular features you need to take your website animations to a whole new level.
Join me as I show you exactly what you need to know to get up and running quickly and avoid common mistakes.
Checkout what we're building now
The promo video above goes over some of the key features of ScrollTrigger that you will learn in this course.
However, how I teach is as important as what I teach.
I love taking apart demos, focusing on the key code, and building my own isolated demos.
Nothing is worse than watching a video of someone who doesn't speak clearly or goes off on wild tangents.
I put a lot of effort into clearly explaining the key components of each lesson.
Watch the video below to get a taste of how I teach. I hope it matches your learning style.
Get Started in 3 Easy Steps
Scrub and Pin
Pinning and pinSpacing Overview
Pinning Deep Dive
Pinning Car Project
Intro to Parallax Scrolling
Aerial SVG Car Parallax
ScrollTriggers for Multiple Sections
Smooth Scrolling with Locomotive Scroll
Prevent Scroll on Fullscreen Intro
Back to Top Link: fastScrollEnd and toggleClass
Change Nav Color on Scroll
Change Nav Color on Scroll: Part 2 Responsive
Scroll-Based Reading Progress Bar
ScrollTo Plugin and ScrollTrigger (Animated Jump Links)
ScrollTrigger Toggle Animations 4 Ways
Responsive Scroll-Driven Line-by-Line Text Effect Part 1
Responsive Scroll-Driven Line-by-Line Text Part 2
3D Rolling Headers
3D Rolling Headers: Multiple Headers and Variations
Layered Pinning from Bottom
SVG Mega Scroll and Follow
Use ScrollTrigger Callbacks to Control HTML5 Video
Scoll-Driven SVG Path Follower
Part 1: File setup, Alternating Rows and ScrollTrigger Basics
Part 2: Offscreen Reset
Part 3: Mobile Layout
Introduction: File Setup and Pinning
Basic Staggered Animation
Content Sections with Varying Heights
I imagine you have a client or employer you want to impress with silky-smooth, scroll-driven animations.
I had to spend days going through the docs, building my own demos, AND asking the GreenSock team for help when I started with ScrollTrigger.
I built this course so you don't have to do that on your own.
If you invest 4 -5 hours and let me guide you through "what works", you'll save tons of time and will be able to plan and build your animations with confidence.
Join the course today and get instant access to all my premium GreenSock training.
You'll not only learn ScrollTrigger when you join but you'll be starting an ongoing journey with me as I show you all I know about making awesome animations with GreenSock.
I offer a 28-day money-back guarantee. So jump on in and take a look around. There's nothing to lose.
Hope to see you in the club!
Acces over 200 premium video lessons
The video below contains a montage of just a small sampling of animations I will teach you to build.
Your Creative Coding Club membership allows you to unlock all my GreenSock courses for one low price.
I release new lessons each week to help keep your learning fresh and to make Creative Coding Club the BEST place to master GreenSock animations!