Service cards stick near the top one after another; each new card slides up over the last, which shrinks back into a stack.
✕ Breaks rule: scroll-jacking (pinned cards) Each card is pinned while the next slides over it, so the page holds still under the finger and the covered cards' text disappears; it also makes the page several screens taller on phones.
Best for: SaaS feature lists and agency case studies on desktop. How: ScrollTrigger pin (pinSpacing off) for each card until the last one arrives, plus a scrubbed scale-down of the covered card. No JS: a normal list of cards. Weight: 1.3 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 + ScrollTrigger 18 KB gzipped. Plugins: ScrollTrigger. Page-level effect: it takes over the whole page, so it runs inside the phone frame below (open it full screen to try it at full size).