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

我试图复制一种效果，当用户滚动时，对象以较慢的速度滚动，产生视差效果。我正在尝试做的一个完美的例子是在这个网站（）。虽然有时很难说，但你可以看到视差效应

我试着加上：

$(window).scroll(function () {

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

});

但它非常不稳定，尤其是在Chrome上，甚至当我使用animate（）而不是css（）时

---

我试着使用StellarJ，但是有很多小故障和不稳定的动画

这是我为StellarJS编写的代码（我也尝试了

$.stellar（）

，但仍然不稳定）：

HTML部分是（我经常使用这个比率，仍然没有变化）：

---

有没有其他解决方案，或者是对StellarJS的澄清？所有的答案或评论都将不胜感激

---

谢谢。

该网站使用jquery lazyload（）查看详细信息。我真的看不到任何“视差”效果，它只是一个加载图像速度慢的长网站。@RachelGallen在任何情况下，我都需要元素上的视差效果。它看起来像是那个网站给我的，但不管怎样，我仍然需要它。看看如何实现视差然后。没那么难@瑞切尔加伦，是的。视差本身不是我想要的。制造视差JS的同一个团队也制造了StellarJS，这就是我想要的。但是，我还是有问题。你可以在没有视差的情况下达到效果。还有更多。。。

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

data-stellar-ratio="2"