help with this layout thing

Attached are 2 images, NavBar is at top of the screen, component A is somewhere on the screen ( left image ). After scrolling, component A sticks below NavBar ( right image ). My only idea is that NavBar would have sticky and top-0, but how do i make the layout work for component A without hard coding?