In order to use ScrollMagic with GSAP, you need to load the animation.gsap.js plugin. With Webpack you would do something like this to accomplish that (assuming you use the CommonJS syntax and inst...

I would like to implement an animation to fade sections, like in this example, into my application. Therefore I've had a look at fullPage.js. However, since I need to integrate it into a Next.js R...

I have a pinned slider that goes horizontally when you get to it by updating the X value of the inner wrapper. This part works great. However, for each individual slide, I would then like to have ...

I am pretty new to scrollmagic and i am looking to use a single class multiple times throughout a page to animate when it comes into view. Is this possible? see pen Any pointers welcome. $(func...

On my website the ScrollMagic scene trigger hook positions are stored in an array slideOffsets = [] which is populated on initialisation using var scene; for (var i=0; i<slides.length; i++) { ...

I'm pretty new to GSAP with Scrollmagic, was trying to do multiple tweens in one scene but couldn't figure out how so I ended up doing 3 scenes like this. // init controller var controller = new...

I am playing with Scrollmagic and want to use the effect here: http://scrollmagic.io/examples/advanced/svg_drawing.html I created a squiggle svg to test it out and need to insert the length of the...

I have a onepager site where I use scrollmagic plus all its necessary plugins/libraries (and jQuery) for different effects where animation, pinning, fading processes etc. are triggered by scroll po...