Section list with sticky headers

[kirillkurko]

There is Sticky example and it work like a list with some sticky items in it. What I want to achieve is the list with sections that have sticky headers (check the layout I want to achieve below).

The example of the layout I want to achieve:

<List>
  <Section>
    <StickySectionHeader />
    <SectionItem />
    <SectionItem />
    <SectionItem />
  </Section>
  <Section>
    <StickySectionHeader />
    <SectionItem />
    <SectionItem />
    <SectionItem />
  </Section>
  {/* more sections here */}
</List

The main reason I need the layout above is to achieve sticky behavior like in the following codepen.

Are there any examples or is there a simpler way to achieve the behavior like in the codepen?