jquery로 고정 된 div 요소 내부에서 스크롤합니다.

Question

고정 된 위치의 사이드 바에 오버플로가있는 고정 된 위치 사이드 바가 있습니다. 즉, 자동으로 몸체와 별도로 스크롤 할 수 있으므로 스크롤 할 요소는 .left입니다. 시체 두루마리.

반대 방향으로 작업 할 수 있습니다. 즉, .left가 스크롤되고 본문이 스크롤하면서 움직입니다 (jsfiddle 참조). 몸이 너무 아래로, .left 스크롤을 스크롤 할 때 내가 무엇을 달성하고자하는

$(function(){ 

    $('.left').scroll(function(){ 
     $('body').scrollTop($(this).scrollTop());  
    }) 

}); 

http://jsfiddle.net/g8Krz/403/

이다. 여기

Answer 1

당신은 이동 :

$(function() { 

    $('.left').scroll(function() { 
     $(window).scrollTop($(this).scrollTop()); 
    }); 

    $(window).scroll(function() { 
     $('.left').scrollTop($(this).scrollTop()); 
    }) 

}); 

http://jsfiddle.net/g8Krz/404/

당신도하지 scrollTop()의 절대 값으로 높이의 같은 비율로 스크롤 할 수 있습니다합니다.

편집

이 비율 스크롤 구현입니다. 최고는 아니지만 작동하고 일반적인 생각을 보여줍니다.

$(function(){ 

    var $window = $(window); 
    var $body = $('body'); 
    var $left = $('.left'); 

    var windowScrollHeight = $body.get(0).scrollHeight; 
    var leftScrollHeight= $left.get(0).scrollHeight; 

    $(window).scroll(function(){ 
     var windowScrollTop = $window.scrollTop(); 
     var relativeScroll = windowScrollTop/windowScrollHeight; 
     var leftScrollTop = relativeScroll * leftScrollHeight; 

     $left.scrollTop(leftScrollTop); 
    }); 

}); 

http://jsfiddle.net/N3GR8/1/