如何更改元素的滚动速度（视差）

Question

我最近感觉需要在我的网站上进行一些视差滚动，所以我尝试了stellar.js，这种方法无效。所以，我来这里问，我如何让不同的元素有不同的滚动速度？我希望div元素比body元素慢。我怎么能这样做？

Answer 1

您可以为每个元素添加不同的步骤（滚动速度）。如下所示

bodyElement.speed= 5;
divElement.speed= 3;

你可以试试这个小提琴。 https://jsfiddle.net/krishnakumarm777/44wvewjm/。在这里，我使用了三幅画布，图像具有不同的滚动速度。