[Navigation links compatibility with horizontal scroll]

9 hours ago, akapowl said:

Not sure what you mean

See the Pen xxWXMGQ by bharathparihar (@bharathparihar) on CodePen

 

I meant I third animation works but the first animation isnt working.(it works when I place the animation container in last even I change its position it misbehaves. ) and the Cassie's example have many issues like padding, start and stop positions and

also why  it does  the end shifts when section width is increased?

[Navigation links compatibility with horizontal scroll]

why isnt the first animation working

[Navigation links compatibility with horizontal scroll]

Thank you

[Navigation links compatibility with horizontal scroll]

9 minutes ago, Dipscom said:

What do you mean by "what about orange and purple panel animation its different"?

 

If you want a different animation, you create a different tween. If you want the same, you can just repeat the example given and change the necessary offsets.

 Can I get animation like the orange and purple. I cant figure out a way to pin section with animation

[Navigation links compatibility with horizontal scroll]

1 hour ago, Dipscom said:

 

 

[Navigation links compatibility with horizontal scroll]

how to pin orange panel until it finishes like above codepen and also purple panel

 

[Navigation links compatibility with horizontal scroll]

hey there, I tried a lot to get this effect in horizontal scroll but I couldn't achieve the second section  where it pins to the screen until it completes the progress or third section animation

See the Pen bGVjLwG by GreenSock (@GreenSock) on CodePen