NISHIO Hirokazu[日本語][English]

スティッキーアイテムに兄弟要素が必要、はデマ

image CodePen

「スティッキーアイテムに兄弟要素が必要」は真ではない。上記右のように兄弟要素がなくても動く。 兄弟要素がない場合に、スティッキーコンテナがスティッキーアイテムにフィットしている場合がある。その場合は動けるスペースがないので動かない。 なので「スティッキーコンテナはスティッキーアイテムが動いて欲しい範囲に広がっている必要がある」が正しい。 上記の例だとflexboxの効果で特に何もしなくても広がっており、デモのために左側だけheight: fit-contentして縮めてある。

position: sticky


(C)NISHIO Hirokazu / Converted from Markdown (ja)
Source: [GitHub] / [Scrapbox]