site profile thumbnail

Description

This project is using the ScrollMagic API to pin elements while toggling animation classes for children elements or anything else. Scroll Magic is cable of much more but this is a small project I did to try it out. You can see the Info Card Section gets pinned to the top while the javascript adds a class (that I built with Webflow) for the scaling and drop shadow of the card that allows me to add that class based of triggers I made in the project using just div blocks with specific ID's as well as trigger hooks and the duration for which the class is applied for. Here are the links to read more info about ScrollMagic: http://scrollmagic.io/ https://github.com/janpaepke/ScrollMagic
animationjavascriptcustomstickyscrollmagic