ScrollTo Plugin and ScrollTrigger

Powerful Animated Jump Links

This FREE lesson builds upon many of the basic GreenSock concepts I teach in GSAP 3 Express (FREE) and ScrollTrigger Express.

Although you may not understand all the tools, I think you will be blown away by what you can do with just a few basics! 


Watch the Full Lesson Video


Today I'm going to show you how to combine ScrollTo Plugin with ScrollTrigger to create animated jump links.

I'll first walk you through the basics of ScrollTo Plugin which allows you to animate the window's scroll value.

Things get really fun when we animate the scroll value through a part of the page with a pinned ScrollTrigger animation set to scrub:true.

Along the way we will tap into the ScrollTrigger's dynamic start and end values for precision navigation that is fully responsive! 

The end result will allow us to dynamically jump to any ScrollTrigger section and auto-scroll the window through it's animation!

Finished Demo

Isn't it amazing how much you can accomplish with just a few of GSAP's core tools?

Additional Resources


Hopefully this lessons helps you see that the value of a Creative Coding Club membership is not just in building a single cool project or learning about a particular tool. 

It's in having the chance to learn time-saving techniques and have access to a vast library of lessons that support each other and loads of outside resources.

Go Deeper with GreenSock


Get instant access to over 250 GreenSock lessons to help you become a better creative coder and create super-slick animations.

Learn More About Creative Coding Club