Javascript 视差滚动与乐蒂动画

我有一个网页，其中我想要一个视差滚动头与乐蒂动画。动画绝对放置在标题中，其偏移量在滚动中计算。每个都有不同的视差速度

为此，我使用jQuery函数计算视差率：

 function transform(el, modifier) {
    const rate = `${scroll * modifier}px`;
    el.css('transform', `translate3D(0px, ${rate}, 0px)`)
  }

在我开始使用更重的物体（如彩票）之前，这一切都很好

看这把小提琴：

滚动不顺利。看起来JS函数在滚动后稍微生效，导致滚动不平滑

有没有办法克服这个问题