사이트 래퍼의 오른쪽 가장자리에 왼쪽으로 정렬되는 끈적한 세로 막대를 추가하십시오.

Question

아래로 스크롤하는 동안 제 위치에 고정 된 끈적한 세로 막대를 추가하고 싶습니다. This site에는 전자 메일 옵트 인 형식의 예제가 있습니다.

그러나이 예제와 달리 래퍼의 오른쪽 가장자리에 대해 사이드 바를 왼쪽 정렬해야합니다. 지금 난 그냥

.sidebar { 
    position: absolute; 
    left: 894px; 
    top: 188px; 
} 

을 사용하고

가 위치하는,하지만 래퍼의 오른쪽 가장자리에 항상 아니다.

아이디어가 있으십니까?

Answer 1

사용 :

.wrapper { 
    width:100px; 
    position: fixed; 
    left:0; 
    top: 188px; 
    } 

.sidebar { 
    width:50px; 
    float:left; 
    margin-left:50px; 
    } 

이 화면의 왼쪽에 부착되는 포장재의 예이고, 사이드 랩퍼의 오른쪽에있다.