How to end a pin?

[LSchneiderman]

I'm trying to get an image to stayed pinned until another image has scrolled to the top. I'm not sure how to do this. I do have a variable called "height":

 

var height = $(window).height();

 

Can I do a pin like this?

 

 ScrollTrigger.create({
            trigger: "#sprawl",
            start: "top top",
            pin: true,
            end: "+=" + height * 2
        });

 

Or is there a way to end a pin with relation to another element?

[Carl]

Hi, you can specify an endTrigger

 

https://gsap.com/docs/v3/Plugins/ScrollTrigger/?page=1#endTrigger

 

here is a quick example:

 

See the Pen jOoLqNx?editors=0110 by snorkltv (@snorkltv) on CodePen

 

if you need something different please provide a minimal demo

[Rodrigo]

Hi,

 

I think this is related with this other thread you created?

 

If so please let's focus our attention in just one of these threads so it's easier to track for everyone involved.

 

Happy Tweening!

[LSchneiderman]

Yes, thanks, @Rodrigo.