CSS Gridでposition: sticky;のスティッキーが効かないときの原因とその対応方法

CSS Gridで2カラムのレイアウト（メインとサイドバー）を実装し、サイドバーにposition: sticky;を定義したけど、機能しなかったことはありませんか？ CSS Gridでスティッキーが効かないときの原因とその対応方法を紹介します。 Using Position Sticky With CSS Grid by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに gridコンテナの子でposition: sticky;が機能しない align-itemsのデフォルトの動作 別の例 終わりに はじめに position: sticky;がgridコンテナの子で期待通りに機能しなかったことはありませんか？ 数日前、私は友人がまさにその問題を解決するのを手伝っていたので、それについて解説し

[coliss]

CSS Gridでスティッキーが効かないときの原因とその対応方法。

[kuracom]

親要素に overflow プロパティ visible/clip 以外が設定されているかどうかも要確認

[aki03]

なるほど... align-items: start が必要。 (css難しい

[Shinwiki]

根本対策としてCSS考えてる奴らを根絶やしに…