Any guidance for how to do sticky headers? #115

I'm looking to implement sticky headers, my naive approach was to do position: absolute; top: 0; and put an extra relative wrapper around the scrollable area. This however broke the scroll (scroll was locked).

I'm planning to resort to position: absolute; transform: translateY(${offset}px); keeping it up to date. I'm wondering if there would be a better way using position: sticky or something better yet?