正解はスクロール時に指定した位置に到達すると固定されることです。top: 0を指定すると、要素がビューポート上端に到達した時点で固定表示になります。通常のフローに配置されつつ、スクロール時にfixedのように振る舞う特徴があります。