Sticky Header DEMO

【position:sticky;】が動かない条件でテスト。兄弟要素がないのでposition:sticky;を指定した要素が固定されません。

ここを固定させたいけど固定できません
こちらは兄弟要素があるので固定されます

2

スクロール位置がこのブロックの最下部になると固定が解除されます。

ここを固定させたいけど固定できません

3

兄弟要素はあるけど、overflow:hidden;が親要素に指定されているので動きません。