Stacked cards
Also called: sticky card stack, card stack on scroll, stacking cards, deck scroll.
Cards that stick at the top one after another as you scroll, each a little lower than the last, so they pile up like a deck. It is built with position: sticky, so it only moves when you scroll.
Scroll inside the box. Each card sticks 14px lower than the one before, so they pile up like a deck.
Card 1
Say it in a prompt
Show the customer stories as stacked cards: each card is position: sticky with top: calc(24px + index * 32px), 320px tall with 120px between cards, so as you scroll each new card slides over the last one and they pile up. Seen on
- Stripe: On phones, customer story cards stick one on top of another as you scroll, each 32px lower than the last.
You might describe it as
- cards pile on top of each other as I scroll
- deck of cards that stacks up when scrolling
- each card slides over the one before
Not to be confused with
- Pinning
Stacked cards pile up many cards, each stuck a bit lower; pinning holds one whole section still while things inside it change.