JackiePaper

Oh right! That makes sense. Thanks for wallking me through this. And thanks @akapowl for jumping in here with your own spin on it! Your example is perfect for what I need! Thanks again guys!

Hey thanks Zach! That helped a lot! Using your example I was able to cobble something together. So thanks! Ok, last question if anyone has a sec. I'm trying to get panel two to "reveal" panel three. I saw the doc example on Layered Pinning from the Bottom, but I don't think that will work for me, since it has a container with overflow:hidden, and I need things to not be hidden in order to "scroll up" on certain panels. Is there a way to do this with what I've already got? If not, that's okay. I think I'm close enough for what I need. Thanks again! https://codepen.io/JackiePaper/pen/MWyLZew https://codepen.io/GreenSock/pen/BaowPwo

Hey guys! I'm new to GSAP, new to ScrollTrigger, new to front-end design, new to everything. So consider yourself warned. Sorry. Here's what I'm hoping you can help me with: I want to have a series of panels, some that "push up" (like regular scrolling), some that are "revealed," and some that overlay and "conceal" (like this doc example) the previous panels. Three of the panels would play a ScrollTrigger scrubable series of frames, like the famous AirPod video. And some would just have regular, cool GSAP animations. I'm working off the Layered Pinning example in the docs, and from the AirPod video examples in the forums. So here's my questions: 1. Is it possible to pin a panel to play it's animation, or AirPod video thing, and then continue with the layered pining effect like in the doc example? 2. Is there a beginner-friendly way to do all that "pushing up," "revealing" and "concealing?" And if there is, can you point me in the right direction? I can't seem to figure out how to make it all go together. Thanks to anyone for taking the time to look at this! Let me know if I'm not being clear enough and I'll try to explain. Thanks again!