Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Sticky Timeline Year Labels

Problem: Sticky Timeline Year Labels

Try to build a vertical timeline where year labels stick to the top as you scroll through events.

We'll cover the following...

Problem description

You have a scrollable vertical list of events grouped under year headings. As the user scrolls, the heading for the current year should stick to the top of its container until the next year’s heading ...