Hey everyone! I found this cool template online and I'm trying to recreate its scroll effect, but I'm having some trouble. It has a really specific scrolling behavior that I would love to replicate, but I'm not quite sure how. Here's the link to the template I'm talking about: [link]. Any tips or advice on how to get this effect would be greatly appreciated!
1 Answer
You might want to look into using CSS's 'scroll-snap' properties. They're pretty effective for creating snapping effects while scrolling, though it can be a bit tricky to set up. Just a heads-up, that template site you linked is super slow to load, and I wouldn’t recommend trying to mimic that kind of performance!
Is that the snapping effect? I got a smooth transition using position and z-index, but it doesn’t have that step-like behavior you see in the template. I think the heavy images and videos on that site really slow it down.