ScrollMagic Tutorial

A quick primer on pinning elements using ScrollMagic. The video walks through the tutorial and information related to references needed in the tutorial can be found below the video.

Demo: https://donyd.github.io/ScrollMagicDemo/

References

Use these for the JavaScript libraries needed for the code from their respective delivery networks:
jQuery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>

ScrollMagic:
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ ScrollMagic.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ plugins/debug.addIndicators.min.js"></script>

Background Image:
https://github.com/donyd/ScrollMagicDemo/blob/master/images/scaler_bg.png