Javascript 将固定元素的内容与父元素一起滚动

问题标题可能有点混乱，但请查看fiddle了解更多信息

我有一个带有滚动条的容器，还有一个固定的元素。当我滚动时，我想使固定元素

内容也滚动。这是密码

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

有关演示，请参阅

这是可行的，但存在一些不均匀的滚动，我无法修复。
我认为额外减去_top会导致一致性问题，因为它每次都会重新计算偏移top，并不断减去它

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

似乎让滚动更加均匀，减少了一些填充问题