So I'm not sure there's a great way to do this with css only apart from position: sticky, but I've used this tool in the past and it worked pretty well: github.com/filamentgroup/fixed-sticky
Here's the site using it: discors.com
There's also github.com/wilddeer/stickyfill which I hear works pretty well.