jasonhiggins

Got it! Thanks! I'll see if I can translate this into the project that I'm working on. I want the snap to happen on sections. So I assume if I have 10 sections, I would change that number to 0.1, correct? Or is there a way to snap to a css class?

The snapping seems to be breaking everything else though - that's why I split it out. See here with one scroller? It breaks the zoom effect and I can't even scroll at all. https://codepen.io/jasonhiggins/pen/PoZmOEV

OK. Thank you! I'm very close. I found the problem, I was also trying to snap to sections. And that was causing problems. I split it out into to divs now - so that the bottom sections will snap and the top one won't snap. But now part of the top section still shows up. https://codepen.io/jasonhiggins/pen/PoZmOEV

I'm trying to replicate the very first effect on this website - https://the-goonies.webflow.io/ - where you zoom into one div to reveal another. I know it is some combination of pinning, but I can't figure it out. I'm just trying to figure out the first part where you zoom through the opening in the leaves to reveal the ocean. I think this thread is pretty close, but I can't figure out how to modify it. Any help?