javascript - スクロール中にdivを固定divの後ろに隠す方法

Question

左側に位置が固定され、右側にコンテンツがあるナビゲーション サイドバーがある Web サイトを作成しました。ブラウザ ウィンドウの幅を縮小すると、水平スクロール バーが表示されます。それを使用してコンテンツをスクロールすると、コンテンツのオーバーフローが固定された左側のサイドバーの上に表示されます。コンテンツが折りたたまれないように、サイドバーの後ろにコンテンツを配置したい。サイトをご覧ください。ありがとうございました。

サイトへのリンク

Answer 1

css で、の背景色#navigationを白に設定し、より高い z-index を指定します...

#navigation {
    background-color: white;
    z-index: 100;
}

Answer 2

背景色と z-index を設定する

.navigation {
    z-index:100;
    background-color: white;
}

z-indexの詳細を読む

Answer 3

z-index プロパティを使用する必要があります

z-index プロパティは、要素のスタック順序を指定します。スタック順序が大きい要素は、常にスタック順序が小さい要素の前にあります。

注: z-index は、配置された要素 (position:absolute、position:relative、または position:fixed) でのみ機能します。

もっと見る

#navigation {
    background-color: white;
    z-index: 100;
}