why the element are not fixed ?

[Али К]

As you see in codepen link the animation work but not well, when you make a scroll the red element move as normal, also the blue element works normally, but if you continue scrolling, you will arrive at to step, you can't look at the animation.
I want to  move it as a position fixed moving my scroll.
 

Quote

I want to make animation like iPhone se

 

See the Pen dypREby by itsalimanuel (@itsalimanuel) on CodePen

[ZachSaucier]

Hey Ali and welcome to the GreenSock forums.

 

The elements never become fixed because you never give them a position of fixed or pin them using ScrollTrigger. I'm a bit confused as to how you're expecting it to stay in place with only the code that you have.

 

Perhaps it'd be helpful to go back and watch the video about ScrollTrigger that's in the documentation.