scrolltrigger PRE and POST pinning animations

[evomedia.lt]

I'm building an app that has some slides scrolling along with page, however, to make the transition to pinned elements smoother I need pre and post pinning animations.

 

I've built a quick example of my solution, and would like to know if there's more elegant/optimal way to do this?

Any input appreciated.

See the Pen Poxavdv by driezis (@driezis) on CodePen.

[GSAP Helper]

If it works just the way you intended and you are happy with it, I don't think there would be much reason to change anything.

 

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting.

Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[evomedia.lt]

On 7/21/2023 at 4:06 PM, GSAP Helper said:

If it works just the way you intended and you are happy with it, I don't think there would be much reason to change anything.

 

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting.

Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

Oh, I have no issue with this - it's just that it looks more like a workaround than a solution so I was wondering if I'm missing some core GSAP mechanics of doing this.

Particularly - the ease-in and ease-out from a scrollTrigger pinned animation (before and after it is pinned). 

 

Thanks for the response either way.

[Rodrigo]

Hi,

 

I looked at your code and more important, how is working on the browser and I can't spot anything that looks odd to me. If it ain't broken don't fix it, right?

 

Happy Tweening!