고정 된 탐색 모음/중앙 부분의 오른쪽

Question

저는 Squarespace 템플릿을 편집 중이며 스티키 탐색 사이드 바를 만들고 싶습니다. "맞춤 CSS"를 입력 할 수있는 Squarespace 입력란이 있습니다.

이미 사이드 바를 가지고 있지만 CSS를 수정하여 어떻게 고쳐야합니까? 스크롤해야 볼 수있는 부분을 아래쪽으로 스크롤 할 때 볼 수 있습니다.

내 pageBodyWrapper div는 가운데 맞춤 (자동/자동)이며 오른쪽에 div와 sidebar1Wrapper div가 모두 포함되어 있습니다.

나는 px 또는 %에서 왼쪽 또는 오른쪽 값 중 하나와

#sidebar1Wrapper 
{ 
    position:fixed; 
} 

을 시도,하지만 난 창 크기를 변경할 때마다, 사이드 바는 하나 콘텐츠가있는 페이지에서 다른 페이지로가는 또는과 중복된다.

어떻게 이런 일이 발생하지 않도록 할 수 있습니까? contentWrapper div와 관련된 고정 위치를 정의 할 수 있습니까?

도움 주셔서 감사합니다.

여기 내가 말하는 사이트 : Last Wave Film.

Answer 1

불행히도 그 기능은 아직 css에 내장되어 있지 않습니다. 그것은 자바 스크립트로 이루어집니다. 본질적으로 자바 스크립트는 페이지가 스크롤 된 시점을 감지 한 다음 사이드 바를 position: fixed으로 설정합니다. http://css-tricks.com/persistent-headers/

당신은 CSS를 사용하여 고정 사이드 바를 만들 수 있으며 영구적 브라우저 창에서 수정 될 것입니다 :

다음은 jQuery 라이브러리를 사용하는 솔루션입니다.

.sidebar1Wrapper { 
    position: fixed; 
    top: 20px; 
    right: 40px; 
}