位置を固定してスクロールしているときにdivをフォローできない

Question

ページを左右に2つのセクションに分けています。 divを使って左のナビゲーションと右を作成しました。右のナビゲーションには複数のdivもあります。今、私がページをスクロールしているときに、ページの右部分だけがスクロールされ、左のナビゲーションがそこにとどまります。

私はページをスクロールしているとき、左右のdivを含むすべてをスクロールさせたいと思っています。ここで

は私jsfiddleです：https://jsfiddle.net/g2ahx6nq/

ページを下にスクロールするのであれば、それが唯一の側面を残していない右側にスクロールします。左右両方をスクロールしているときに、すべてをスクロールしたい。ここで

も同様に固定さが、まだ動作しませんように私は位置を使用しています左のバーdivのための私のCSSです：

#leftBar 
{ 

    background-color: rgb(65, 64, 66); 
    box-shadow: 2.996px 0.157px 7.65px 1.35px rgba(40, 40, 41, 0.25); 
    border-right: solid #EF7440; 
    border-right-width: 4px; 
    top: 0px; 
    bottom: 0px; 
    left: 0px; 
    position: fixed; 
    width: 161px; 
} 

あなたは今のところ欠けている画像との位置合わせを無視することができます。現時点では、このスクロールダウンの問題を修正しようとしています。

Answer 1

固定された位置は、スクロールしても移動しない項目に使用されます。固定の代わりに絶対を使うことをお勧めします。絶対位置は、ページがスクロールされたときを除いて、同じ位置に保持されます。