如何为HTML元素添加不同的滚动速度？

Question

我试图复制一种效果，当用户滚动时，对象以较慢的速度滚动，产生视差效果。我试图制作的一个完美的例子就是在这个网站上（https://universe.openai.com）。虽然有时很难分辨，但你可以看到视差效应。

我尝试添加：

$(window).scroll(function () {

   $('*').css({
      'top' : ($(this).scrollTop()/40)+"px"
   });

});

但它非常不稳定，特别是在Chrome上，即使我使用animate（）而不是css（）。

我尝试使用StellarJS，但是有很多故障和不稳定的动画。

这是我的StellarJS代码（我也试过$.stellar()但它仍然不稳定）：

$.stellar({
        horizontalScrolling: false,
        verticalOffset: 0,
        horizontalOffset: 0
});

和HTML部分（我玩了很多比例，仍然没有变化）：

data-stellar-ratio="2"

任何其他解决方案或StellarJS的澄清？所有答案或评论都表示赞赏！

谢谢。