porkpop

@mvaneijgen Thank you! I tried to apply this technique, but it's not quite functioning the way I need it to. If it helps, this is functionality i'm trying to recreate in Webflow for a client, which you can imagine means I don't have the most extensive knowledge of js. I tried to apply what you provided and add scrolltrigger, but it's just not quite right. Any advice is greatly appreciated! https://codepen.io/newmanl/pen/ExMpJBy

Hello! I've got this scrolling accordion effect, and it's working exactly as I'd like, but I want it to begin where the collapsed states sit at the bottom of the frame before starting the scroll. I've attached a reference image to what I'm looking for. It feels like it should be a simple solution but I have been unsuccessful so far. Thank you for any and all help! stackingSections-example.pdf

That works perfectly! thank you so much!

Thank you, @Rodrigo! I fixed the CSS and was able to unloop the animation when scrolling down. However, the animation would not scroll back up, so I added an event listener to the end of the gotoSection method. This allowed me to scroll back up, but the animation now loops when scrolling up. I tried to add an OR operator to your IF statement above, but it was not working. Though I was probably doing it wrong. Thank you in advance for your help! Updated codepen: https://codepen.io/newmanl/pen/GRYKLwO

I am not sure what is causing this animation to loop, how do I stop it after the current number of "slides" and have the site scroll normally to the "footer area"? I think it has something to do with the wrap, but I am not familiar enough with that.