고정 된 위치로 스크롤 할 때 div를 따라갈 수 없습니다.

Question

페이지를 왼쪽과 오른쪽의 두 섹션으로 나누었습니다. div를 사용하여 왼쪽 탐색과 오른쪽을 만들었습니다. 오른쪽 탐색에는 여러 div가 있습니다. 이제 페이지를 아래로 스크롤 할 때 페이지의 오른쪽 부분 만 스크롤되고 왼쪽 탐색이 바로 옆에있게됩니다.

페이지를 아래로 스크롤 할 때 왼쪽 및 오른쪽 div를 모두 포함하여 모든 항목이 스크롤되도록해야합니다. 당신이 페이지를 아래로 스크롤한다면, 그것은 오른쪽 측면을 떠나지 않고 스크롤 만합니다 https://jsfiddle.net/g2ahx6nq/

:

여기 내 jsfiddle입니다. 왼쪽과 오른쪽 모두를 포함하여 아래로 스크롤 할 때 모든 것을 아래로 스크롤하고 싶습니다. 당신은 지금 이미지와 정렬 누락 무시할 수

#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; 
} 

:

는 여기가 작동하지 않습니다 여전히뿐만 아니라 고정으로 위치를 사용하고 있지만하고 왼쪽 바 DIV 내 CSS입니다. 현재이 스크롤 다운 문제를 해결하려고합니다.

Answer 1

고정 된 위치는 스크롤 할 때도 움직이지 않는 항목에 사용됩니다. 고정 대신에 절대 사용하는 것이 좋습니다. 절대 positing은 페이지가 스크롤 될 때를 제외하고는 같은 위치에 그것을 유지할 것이다.