Skip to content

横並びsticky

横並びレイアウトで、スクロールした時に片方だけ固定して表示させたい場合の実装方法です。

ポイントは2点です。

  • 3レイヤー(親要素・子要素・孫要素)を作成

  • 孫要素にposition: sticky top: 0を指定

See the Pen 横並びsticky by tkm1695 (@tkm1695) on CodePen.