I’m trying to create an animation while scrolling, when the section hits the top, it’s sticky for a second, but once scrolled further, it doesn’t stick anymore. Now i got the sticky part right, but how do i make it so it can scroll again?
What you need to do is to make the the parent element of your sticky element have a certain height, lets say 300vh, once that height is scrolled, it will go back to scrolling again. If you want something like the example you have, you will need to also add a “while scrolling” interaction on your sticky element. I hope this helps.
So I did a quick video to show you the basics, I based it on what you already had. Ideally you need a section with a long scrolling area and a div inside with position sticky. Here it is https://www.loom.com/share/3af5947253604e60aa26ce8412a53544. Let me know if you have any questions.