Vizzale

Thank you @Rodrigo and @GreenSock the solutions are both valid and work perfectly.

In fact, the effect of the two solutions is identical, the choice of one or the other solution is different only on a conceptual level: being the #animation trigger "locked" and not mobile, the value 0 seemed more correct to me. Being new to GSAP it is important for me to understand the tool.

Hi @Rodrigo, thanks for the welcome and for your quick reply. The second solution is super simple and works perfectly. Reading the official documentation I had skipped the possibility of using a JS calculation as the value of the variable. GSAP is really a great tool! I will integrate this solution into my project to see if using ScrollTrigger with this library for smooth scrolling causes other problems. I take this opportunity to ask you for an explanation regarding the property start: 'top top' you suggested. In the case of this animation, the effect is the same, but if another element were to be present before the #animation element, wouldn't it be more correct to use start: 0 (which coincides with the initial position of the scrollbar)? Thanks again.

Hello everyone, I created this simple animation using GSAP tween, timeline and the ScrollTrigger plugin. The animation works perfectly, but when I integrate the third-party library Locomotive Scroll into the project, the property end: 'max' does not work correctly. To build the animation I followed point by point the suggestions you provided in the example at the following link. https://codepen.io/GreenSock/pen/zYrELYe I know this is not a GSAP product but I still hope someone will be able to help me. Thanks in advance.