Remove pinSpacing after unpinning

[filippos]

Hi, I would like to do the animation only once and then remove the pinSpacing after the animation is done. I tried different things but still don't know how to do it.

I would like pinSpacing not to be visible when scrolling up and it would look as if there was no animation.

See the Pen mdjZdOY?editors=1010 by FilipGC (@FilipGC) on CodePen

[filippos]

update:
I found this:

onLeave: function (self) {
    self.scroll(self.start);
    self.disable();
    self.animation.progress(1);
}

...and this works, but when I put this on a scrolltrigger timeline the animation is interrupted. When I use onComplete - nothing happens.

 

[Cassie]

Hiya! Could you show me on this demo what you mean by 'interrupted'?

See the Pen mdjZPyq?editors=0011 by GreenSock (@GreenSock) on CodePen