위치가 창에 고정되어 있습니다.

Question

Tumblr 계정이 있으며이 계정의 html을 수정하고 있습니다. 제 질문은 이것입니다 : 어떻게 내 사이드 ​​바를 특정 위치에 두지 만, 페이지를 스크롤하면 브라우저와 관련이있는 위치를 유지할 수 있습니까? 내가 말하는 것에 대한 예를 보려면 질문을 클릭하고 "비슷한 질문"을 한 다음 스크롤하십시오. 나는 CSS를 선호한다. 나는 이미 내가 생각할 수있는 모든 것을 시도했다. 이미 position:fixed 시도 <style>

의 끝 부분에있는 I로 시작 해요 코드, 플러스 내 사용자 지정 CSS는

http://snipt.org/AGff7

.

브라우저 창 중간에서 시작한 다음 아래로 스크롤하면 창 상단에 도달하여 창에 상대적으로 고정되어 있습니다.

Answer 1

CSS는 스크롤을 감지 할 수 없으므로 JS를 사용해야 할 것입니다. 기본 예는 다음과 같습니다.

이 부분은 이미 페이지 아래쪽에 있으며 중간에 떠있는 원래 요소입니다.

.floating{ 
    margin-top: 50px; 
} 

우리는 다음 사용자가 아래로 스크롤했을 때 측정하기 위해 자바 스크립트를 사용할 필요가

같은 스타일 (I이 사용하는 jQuery를했던)를 고정하기위한 대안 CSS 선언을

$(window).scroll(function(){ 
    if($(this).scrollTop() > 50){ 
     $('#scroller').removeClass('floating'); 
     $('#scroller').addClass('fixed'); 
    }else{ 
     $('#scroller').addClass('floating'); 
     $('#scroller').removeClass('fixed'); 
    } 
}); 

like