Scrolling on a Path

In the fourth installment of my Parallax deep dive, I discuss one technique to animate elements along a complex path.

I discuss how to use an SVG path created in Illustrator to define an animation path for our element.
We leverage Greensock’s TweenMax and it’s bezier plugin to animate along this path.
Then we tie this to scroll events and calculate the element’s position so that it follows the animation along with our scroll view.

Click here to download the demo.