滚动固定元素的内容以及父级

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

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