Aamir Mansuri

When up scrolling on the screen, the animation should be the reverse. This is the example: the example build in TimelineMax https://codepen.io/aamirmansuri007/pen/eYJwjKZ I have update my code with GSAP3 but it's not working.

if i use GSAP 3 my other animation are stopped working. Here is my pen. https://codepen.io/aamirmansuri007/pen/eYJwjKZ Thanks.

Thanks for quick replay, I have used the updated version of TweenMax.min.js but still this function is not working for me. Getting this error: Uncaught ReferenceError: gsap is not defined <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>

is it possible to do in gsap 2? I tried but it's not work. Here is my code: var controller = new ScrollMagic.Controller(); $(".indicatorScrl").each(function(){ var indicatorIn = new TimelineMax(); indicatorIn .to('progress', { value: 100, ease: 'none', scrollTrigger: {trigger: "#indiScroll", scrub: 0.3 } }) // Make Magic Scene var scene = new ScrollMagic.Scene({ triggerElement: this }) .addIndicators() .setTween(indicatorIn).addTo(controller) }); JS I have used <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js"></script>