부모와 함께 고정 된 요소의 내용을 스크롤하십시오

Question

질문 제목이 다소 혼란 스럽지만 자세한 정보는 this 피들을보십시오.

나는 스크롤바와 하나의 요소가 왼쪽에 고정 된 컨테이너가 있습니다. 스크롤 할 때 고정 요소 content도 스크롤하려고합니다. 코드는 다음과 같습니다

$('.parent').on('scroll', function(){ 
    var top = $(this).scrollTop(), _top = $('.right').offset().top; 
    $('.left').animate({ 
     scrollTop : top - _top 
    },0) 
}); 

데모는 fiddle을 참조하십시오.

정상적으로 작동하지만 일부 스크롤되지 않은 스크롤이 있는데 문제를 해결할 수 없습니다.

Answer 1

_top의 여분의 뺄셈은 매번 오프셋 상단을 다시 계산하고 지속적으로 빼기 때문에 균일 성 문제를 야기한다고 생각합니다.

$('.parent').on('scroll', function(){ 
    var top = $(this).scrollTop(), _top = $('.right').offset().top; 
    $('.left').animate({ 
     scrollTop : top 
    },0) 
}); 

스크롤이 더 균일 해지고 약간의 패딩 문제가없는 것으로 나타납니다.