スクロールの連動を防ぐoverscroll-behavior-yのSample

左側のナビゲーションが position: fixed; で固定されている場合、最下部以上にスクロールするとメイン要素も一緒にスクロールしてしまう。

固定しているナビゲーション部分でoverflow指定を入れている要素に overscroll-behavior-y: contain; を指定することで、ナビゲーションを最下部以上にスクロールしても、メイン要素はスクロールされずにそのままの状態をキープできる。

各ブラウザのサポート状況: Can I use overscroll-behavior-y?