【CSS】背景固定の中でコンテンツだけ進む

背景固定の中でコンテンツだけ進む

セクションごとに背景を設定して、セクションの表示が終わるまで背景が固定され、次のセクションが前のセクションの背景を覆っていくようにしました。
https://codepen.io/mdvlzqqm-the-lessful/pen/wvbdrZL

HTMLの実装

背景とコンテンツは別のdivにします。

CSSの実装

背景にposition: sttickyを設定します。
一番上に来たら背景が固定されます。
z-index: 0;を設定して、背景はどんどん上に重なるようにします。
背景だけ固定して、コンテンツは上に流していきます。