[Scrolling accordion]

@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!

See the Pen ExMpJBy by newmanl (@newmanl) on CodePen

[Scrolling accordion]

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

See the Pen yLwqONY by newmanl (@newmanl) on CodePen

[Unloop observer and scroll normally]

That works perfectly! thank you so much!

[Unloop observer and scroll normally]

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: 

See the Pen GRYKLwO by newmanl (@newmanl) on CodePen

[Unloop observer and scroll normally]

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.

See the Pen GRYKLwO?editors=0110 by newmanl (@newmanl) on CodePen