memo
A. overflow プロパティを設定している親要素に position: fixed を設定すればいい。
スクロールバーを表示するための、親要素の高さより大きい div
height: calc(100% + 300px)
position: fixed の div
スクロールバーがこの要素の下に回り込んでしまっている。
スクロールバーを表示するための、親要素の高さより大きい div
height: calc(100% + 300px)
overflow-y: auto をもっている親要素の container に position: fixed を追加
position: fixed の div
overflow-y: auto をもっている親の container に position: fixed を追加したので、スクロールバーがこの要素の下に回り込まなくなっている。
実装してみて fixed の挙動で、position: fixed の要素は、親に position: relative があっても基準にできないというのを知った。
ただ、position: fixed は、position: fixed の親要素があると、その親要素は基準にできるっぽい。
mdn 読んだわけでもない、ただの肌感覚なので間違ってるかもしれないけど、挙動的にはそうなってる気がする。