I’ve a position: sticky; top: 80px style on the cards, and there’s a heading above the card, that explains what those cards are for, and I want the heading to show up till all the sticky cards are scrolled to the end. That means I don’t want the heading for the cards to scroll up before all cards are scrolled and viewed.

Code Pen Demo

I set position: sticky to the cards-list which renders both the heading and the cards, but that won’t allow the cards to be scrolled, as we’ve nested position: sticky