こんにちは。フロントエンドエンジニアの奥村です。 JS(JavaScript・jQuery)を使わないで、スクロールの途中で要素を固定できる便利なCSSプロパティ、position: stickyを使用する際の注意点をまとめたいと思います。 親・祖先要素にoverflow: hiddenを指定している 親要素だけでなく、祖先要素にoverflow: hiddenを指定している場合は固定化できません。 overflow: hiddenは、はみ出した要素を表示上カットする際に使用されることがあります。祖先要素を辿ってチェックしてみましょう。