How position: sticky works

Positioned according to the normal flow of document
Offset relative to nearest scrolling ancestor and containing block

Creates new stacking context
Stuck when it meets the oppsite edge of its containing element

参考

https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block