Javascript 滚动固定段

在浏览网页时，我在这个网站上发现了这种惊人的效果 （滚动效果） 我想建立一个脚本，重新创建相同的效果，但我不明白的逻辑行为

基本上，我开始计算身体高度，将每个部分的位置属性设置为“绝对”，并将身体高度与每个部分的高度相加

现在，我们的想法是将每一个的偏移量保存到一个数组中，当scrolltop是主偏移量或等于此偏移量时。。。我开始通过translateY属性将截面移动到顶部，当它等于视口的高度时，我停止移动。但现在我被卡住了

我在谷歌上搜索了一个已经存在的插件，但没有找到任何东西。所以请帮我找到一个解决方案；）

这里的概念是：

var
正文=$（“正文”）
节=$（“节”）；
各部分（功能（i、el）{
$（el）.css({
“z索引”：section.length-i
})
body.height（body.height（）+$（el.height（））；
});
正文{
保证金：0；
}
部分{
宽度：100vw；
高度：100vh；
位置：绝对位置；
排名：0；
左：0；
字体系列：无衬线；
}
a节{
背景色：印度红
}
b节{
背景颜色：皇家蓝
}
c节{
背景色：深蓝
}
d节{
背景色：番茄；
}
分区{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
字号：6em；
颜色：#FFF；
}

A.
B
C
D
这是视差效应

下面是一个简单的视差脚本：

网络上还有更多的脚本和教程，介绍如何根据需要制作自己的视差效果。
您可以尝试，但不同的是，这一个使用自动滚动

通过使用选项
offset:100
自动滚动：false
，可以实现类似的效果