Demo 5: GSAP and ScrollMagic Pinning without scrollMagic

[Novaliz]

I would like to recreate this example written with scrollMagic and GSAP.

 

See the Pen xopaBa by PointC (@PointC) on CodePen.

 

However, in my example panel A does not stay fixed so that panel b can slide over it from right to left, but it scrolls with it. also the scrolling from panel c to the last content is faulty. how can i fix my error?

See the Pen KKrRjEB by deutschritter (@deutschritter) on CodePen.

[Rodrigo]

Hi,

 

The issue is that you are pinning the same elements that you are animating, that is one of the most common errors in ScrollTrigger.

 

You should pin the parent element not the panels and create a single timeline to animate all the elements in the sequence you want.

 

Here is a fork of your example:

See the Pen gOQKdzv by GreenSock (@GreenSock) on CodePen.

 

Hopefully this helps.

Happy Tweening!

[Novaliz]

Thank you very much! I dedicated my holidays to learn more of gsap I have gotten now what I did wrong!