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