Javascript 具有视差效果的整页滚动

我想做一个完整的页面滚动效果像或（演示）

div似乎以不同的速度或某种加速度移动，因此后面的

div

可能会先滚动，前面的

div

可能会稍后滚动，并使后面的

div

像一个遮罩，将前面的

div

隐藏一会儿

我尝试使用

scrollIntoView

和

smooth

这样的行为：

const content=document.queryselectoral（'section'）；
设指数=0；
document.addEventListener（'wheel'，event=>{
var delta=event.wheeldta；
if（δ<0）{
索引++；
content.forEach（（第一节）=>{
如果（i==索引）{
切换文本（i，“显示”）；
scrollIntoView（{行为：“平滑”}）；
}
})
}否则{
索引--；
content.forEach（（第一节）=>{
如果（i==索引）{
切换文本（i，“显示”）；
scrollIntoView（{行为：“平滑”}）；
}
})
}
}) 

现在，当scroll事件触发时，每个

部分

以相同的速度移动，后面的

部分

暂时无法隐藏前面的

部分

---

如何实现这种类似“掩码”的效果？

最简单的方法是在单击“下一步”或“上一步”后添加延迟

var delay = 2500; //2.5 second

setTimeout(function() {
  //your code here
}, delay);

---

您的代码将在2.5秒内执行。

花点时间形成您的问题，否则ppl很有可能不理解您的问题。这是一个很好的例子。标记我以提醒我这一点，我可能会在接下来几天的一分钟内帮您解决