Sticky ステップの状態をレーダーチャートで可視化
スクロールの進行に応じて「可視」「アクティブ」「余白消化」をどの程度満たしているかを擬似的に比率化しました。ボタンで進捗を切り替えます。
可視率 100%
アクティブ率 100%
重なり処理 100%
Stage 1
Stage 2
Stage 3
Stage 4