Pin One Element to Scroll Until Bottom of Second Element
What I'm trying to accomplish feels like it should be so easy, but I just can't for the life of me seem to nail it down.
I have two images, side-by-side. One image is taller and portrait, the other is smaller and landscape. They both exist in a container of which the height is set to the larger image. I want to pin the smaller image on the right so when I scroll, it scrolls the length of the second image and then they both line up at the bottom.
Here's how I have my Scro
Welcome to the forums @ColinT
Just wanted to introduce an alternative to Cassie's perfectly fine solution, since in different scenarios the calculations could become cumbersome - say you e.g. have multiple images on the left and white space in between them etc. but still want to unpin aligned with the very last image.
You could also define an endTrigger element and set the end dependent on that element, which in your case could look like this then (also following Cassie's
