CSS Gridで2カラムのレイアウト(メインとサイドバー)を実装し、サイドバーにposition: sticky;を定義したけど、機能しなかったことはありませんか? CSS Gridでスティッキーが効かないときの原因とその対応方法を紹介します。 Using Position Sticky With CSS Grid by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに gridコンテナの子でposition: sticky;が機能しない align-itemsのデフォルトの動作 別の例 終わりに はじめに position: sticky;がgridコンテナの子で期待通りに機能しなかったことはありませんか? 数日前、私は友人がまさにその問題を解決するのを手伝っていたので、それについて解説し
![CSS Gridでposition: sticky;のスティッキーが効かないときの原因とその対応方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d31b2a11fca833649582c7355ff60028375e611/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202104%2F2021112701.png)