javascript - 与父级一起滚动固定元素的内容

Question

问题标题可能有点令人困惑，但请查看此小提琴以获取更多信息。

我有一个带有滚动条的容器和一个固定在其左侧的元素。当我滚动时，我想让固定元素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)
});

似乎让滚动更均匀，减去一些填充问题。