そのため、中央に div 要素があり、ページのメイン コンテンツがあり、右側にナビゲーション用の別の div があります。右側の div には position:fixed; があります。中央のコンテンツを下にスクロールしても右側に残るようにします。ズームインしたり、異なる解像度のコンピューターを使用すると、右側の固定 div が押し込まれ、中央のコンテンツに重なってしまいます。
では、サイド ナビゲーションをページと一緒にスクロールしないように固定するにはどうすればよいでしょうか。
ナビゲーション div の CSS:
#navBox{
position: fixed;
padding: 6px;
border-radius: 8px;
background: #DEDEDE;
right: 30px;
margin-top: 30px;
}