Joaquim Azevedo

I'm so sorry, now that I read it I see that's not a good explanation. I want those sections on top of one another, and the images of the dogs on top of each other, absolute positioned. I'm just kind of lost about the direction I should take. I see for example that some examples use timeline to achieve something similar. On the other hand, when I try to do it with absolute positioned elements things don't work, I'm guessing it's because of the height.

Hi! Thank you! I've seen those, and I've tested a few things. I need something like this: https://codepen.io/joaquim-azevedo-madigital/pen/vYRexLQ?editors=0010 but I needed the blue and red section and the "dogs" image to be in the same place, absolutely positioned. So that the user scrolls and at the end of a section (after all the dog images "slided"), change opacity between them so that the red section appears. Is it even possible to do that in that way, with absolute positioned elements?

Hi all, I'm new to ScrollTrigger, and I'd like to hear you suggestions on how to achieve the following layout: Consider multiple blocks (full width and full height of page), each of those sections have text on the left, and images on the right. When the user scrolls, it should pin in the section, "scroll" all the images of its right side, and at the end of it go to the next section block. The user shouldn't "feel" that it's scrolling, i.e., the container must be fixed and I guess the blocks have to be absolute positioned so that they are in fact in the same "place", and use opacity to change the block. Could I hear anyone's thoughts on this?