滾動固定元素的內容以及父母

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) 
}); 

似乎讓滾動更均勻，減去一些填充問題。