mikel

Hey @qqignatqq You mean the space under the last GreenSock? If you do not like this, take another approach. https://codepen.io/mikeK/pen/dybMdpx var action = new TimelineMax({paused:true}) .to('.wrapper',1,{y:-wrapperHeight+350, ease: Sine.easeInOut}); Best regards Mikel

Hey @qqignatqq, don't be confused ... https://codepen.io/mikeK/pen/MWgyOrg // !!! for up / down same ease !!! if (scrollNum > lastScrollTop) { TweenLite.to(action, 1, {progress:progress, ease: Power3.easeOut}); } else { TweenLite.to(action, 1, {progress:progress, ease: Power3.easeOut}); } Thanks ZACH. Happy tweening ... however you wish it ... Mikel

Hey @qqignatqq, Please note the easings // !!! different eases for up / down scroll !!! if (scrollNum > lastScrollTop) { TweenLite.to(action, 1, {progress:progress, ease: Power3.easeOut}); } else { TweenLite.to(action, 1, {progress:progress, ease: Power0.easeNone}); } Try another ease that fits more to what you expect. Kind regards Mikel

Hey @sumith, sorry too fast. Here a quick fork ... https://codepen.io/mikeK/pen/LYPGMva Does that help? Mikel

Hey @sumith, Welcome to the GreenSock Forum. Maybe these examples will help you further. Here is the duration of the scene set to a very high absolute value: https://codepen.io/mikeK/pen/VNxpPB Here's an alternative to scrollMagic https://codepen.io/mikeK/pen/BXNOgN Happy tweening ... Mikel

Hey, In the pen above, I added a svg with an "o".

Hey @grensesnitt, Welcome to the GreenSock Forum. I do not know what's wrong with your svg. If you need a simple O, try it here ... https://codepen.io/mikeK/pen/oNvbWEb Happy tweening ... Mikel

Hey @Daniel Hult; Challenge not quite fulfilled ... https://codepen.io/mikeK/pen/QerqoV Happy tweening ... Mikel

Hey @sammyg, Waves are welcome guests here in the GreenSock Forum ... https://codepen.io/mikeK/pen/KORMKE Happy tweening ... Mikel

Hey @Antoniopf, ScrollMagic is not a GreenSock product nor is it officially supported here on the GreenSock website or forum. Maybe you can find help here: ScrollMagic/issues Kind regards Mikel

Hey @Antoniopf, Welcome to the GreenSock Forum. It would be a huge effort to study a complex web for problems. Therefore, the friendly request to show a reduced case in which problems are visible in a CodePen. Kind regards Mikel

Hey @Donatello666, Welcome to the GreenSock Forum. Instead of defining a single value (like x:100, rotation:90), you can define an Array of values to cycle through. More info: Stagger effects with cycle https://codepen.io/mikeK/pen/qeoMZM Happy tweening ... Mikel

Hey @LeoZ, Just for fun - a simple version ... https://codepen.io/mikeK/pen/KOQjMw Happy tweening ... Mikel

Hey @DTales, Without seeing the case, it is not easy to give advice. Please provide your (reduced) case in a CodePen. Just one option: Set the body so that there is enough space. E.G. body height = content height + 200px Happy tweening ... Mikel

Hey @hando, If it should be a simple animation ... https://codepen.io/mikeK/pen/eqVzRW Happy tweening ... Mikel