右下に固定されたバナーが表示されます。スクロールしても位置が変わりません。
下のコンテナ内をスクロールすると、ヘッダーが上部に固定されます。
コンテンツ 1 - スクロールしてstickyの動作を確認してください。
コンテンツ 2 - このテキストはスクロール領域内にあります。
コンテンツ 3 - stickyヘッダーは上部に固定されます。
コンテンツ 4 - 引き続きスクロールしてください。
コンテンツ 5 - まだスクロールできます。
コンテンツ 6 - もう少しです。
コンテンツ 7 - コンテンツが続きます。
コンテンツ 8 - さらにスクロールしてください。
コンテンツ 9 - stickyヘッダーは固定されたままです。
コンテンツ 10 - スクロール領域の終わりです。
コンテンツ 11 - もう少しだけ余白があります。
コンテンツ 12 - これが最後のコンテンツです。
3つのボックスが重なっており、z-indexの値が大きい要素ほど手前に表示されます。