Javascript 具有视差滚动效果的一页滚动js

我有一个单页的网站，在那里我使用了onepagescroll.js插件。但我需要把它的卷轴做成像这样的视差效果

这是它正常滚动的方式： 如何-视差滚动

了解如何使用CSS创建视差滚动效果

范例

.视差{ /*使用的图像*/ 背景：蓝色； /*设定一个特定的高度*/ 最小高度：500px； /*创建视差滚动效果*/ 背景附件：固定； 背景位置：中心； 背景重复：无重复； 背景尺寸：封面； } 上下滚动此页面可查看视差滚动效果

上下滚动此页面可查看视差滚动效果。 此div仅用于启用滚动。 提示：尝试删除背景附件属性以删除滚动效果。

---

我已经试过了，但是没有用，因为我使用的插件不仅仅是纯html css分享你的代码，没有你的代码我也帮不了忙。这和我使用的插件一模一样：你需要写一些css，就像我的答案一样