Hi, I’m hoping for a general overview of how to create a scroll effect similar to PillPack:
When you scroll past the first section, it shows 3 med packs, then as you continue scrolling, it seems to switch through 3 slides, then continues with normal scrolling after that. How would I structure something like that?
Create a section,
then a 300vh div,
then another 100vh div that you set to sticky at 0% top,
In side that sticky div create 3 divs (one per slide), set them to absolute full
Then create a “page scrolled” interaction and set hide/show for each slide depending on scroll percentage.
Yes, follow what @ColibriMedia said.
Or you can use this Clone project I made using ScrollMagic.
If you know any JQuery or are good at applying simple instructions then you can create this easy with ScrollMagic. It’s really awesome.