CSSsticky

CSSのpositionプロパティにstickyという便利な値があります。 以下のように設定するだけで対象の要素が指定した位置に表示されたらそのままそこに固定で表示してくれます。 h2 { position:sticky; top:0; } ...