[GSAP ScrollTrigger Horizontal Scroll Timeline Animation]

On 9/10/2021 at 4:58 AM, eneko.dev said:

 

Thank you very very much. You have helped me a lot. I understand the solution.  

 

The problem is that it does not work correctly on mobile ... the character does not move at the same speed as on desktop and the scroll does not reach the end.

 

I do not understand what is happening ...

[GSAP ScrollTrigger Horizontal Scroll Timeline Animation]

3 hours ago, nico fonseca said:

@eneko.dev  You can achieve this by using two different .characters and start/end move depending on "bikeOMatic" position. 🙂
 

 

 

Thank you very very much. You have helped me a lot. I understand the solution.  

[GSAP ScrollTrigger Horizontal Scroll Timeline Animation]

On 9/6/2021 at 7:08 AM, GreenSock said:

Welcome to the forums, @eneko.dev. I glanced at your demo and read your question but I'm pretty lost as to what you're trying to do - can you please elaborate a bit? Or better yet, provide a sample URL with a similar effect? Have you already looked through the ScrollTrigger demos to see if there's anything similar you could pull from? 

 

Sorry to answer earlier. I share with you what I am working on in the next CodePe. The idea is that, when the car passes through the BikeOMatik tunnel, the car becomes a bike (in another image).

 

See the Pen powEMZY by enekodev (@enekodev) on CodePen

[GSAP ScrollTrigger Horizontal Scroll Timeline Animation]

Hi there. I am new here and am having trouble trying to get the elements of each of the sections to pin. I would appreciate a little help for a newbie like me.

 

See the Pen KKqgOBJ by enekodev (@enekodev) on CodePen