고정 된 div 200px를 페이지 끝까지 올릴 때 (스크롤 할 때)?

Question

두 개의 열 (사이드 바)이있는 페이지가 있습니다.

왼쪽은 고정되어 있으며 (Google 광고 포함) 페이지를 아래로 스크롤해도 변경되지 않습니다.

오른쪽에 게시물이 포함되어 있으며 스크롤이 잘되도록 상대적인 위치에 있습니다.

그러나 오른쪽 열 (사이드 바) 뒤에 꼬리말이 있습니다.

이 바닥 글의 너비는 페이지의 100 %입니다.

문제는 바닥으로 스크롤하면 바닥 글이 왼쪽 세로 막대로 이동한다는 것입니다.

스크롤 할 때 페이지 끝에서 200px에 도달하면 왼쪽 사이드 바 200px를 맨 위로 이동하고 싶습니다.

위로 돌아갈 때 뒤로 돌아옵니다.

<div id="main"> 
    <div id="left">Google Ads here</div> 
    <div id="right">Content posts here</div> 
</div> 
<div id="footer"> 
    footer here 
</div> 

Answer 1

자바 스크립트 대신 일반 CSS를 사용하면됩니다.

자세한 내용은 this을 참조하십시오. 데모 here

Answer 2

jQuery 스크롤을 사용할 수 있습니다. 대부분의 웹 사이트는이 기능을 사용하여 사이트의 콘텐츠를로드합니다.

$(window).scroll(function(){ 

     if($(window).scrollTop() + $(window).height() >= $(document).height() - 200){ 
      setLeftBarPosition(); 
     } 
    }); 

    function setLeftBarPosition(){ 
    // your code to set position of lefftbar 

    }