CSSのposition: sticky;
が期待したように機能しない場合、原因はさまざまありますが、一つの可能性として親要素や祖先要素にoverflow: hidden;
が指定されていないか確認することが有効です。
position: sticky;
は要素が特定の領域内でスクロールに追随するように配置するプロパティですが、親要素や祖先要素にoverflow: hidden;
が指定されていると、期待したような挙動を示さないことがあります。
この場合、overflow: hidden;
の設定を削除するか、変更することでposition: sticky;
が正常に機能することがあります。