How to make an x axis sticky on a D3 chart?

[shancarter]

You would need to put the x-axis in a different html element, and then use the technique in this notebook: Sticky Positioning / Fabian Iwand | Observable

There is some discussion in this post as well:

Sticky sidebar in cell

I was trying to have a sticky sidebar inside a cell, that is a sidebar that sticks to the top of either the viewport or cell and stops at the bottom of the cell - like here, just for a cell. I tried all sort of CSS things (e.g. position sticky) and sticky sidebar npm and jquery modules, but failed. Here’s a small template. Any help appreciated.

Hope that helps!