Javascript 如何通过滚动捕捉实现垂直滚动？

我想实现垂直滚动，具有第2节和第3节中类似的效果。我有一个工作原理非常相似的代码（在文章末尾的代码片段中），但我希望能够像我发送的第一个示例一样，更早地滚动到下一节。
另外，我想在有一些内容的页面中使用滚动，然后滚动到完整页面滑块。完成滚动后，继续滚动到下一个部分，而不使用快照滚动效果

我试图从第一节中删除

滚动捕捉对齐：开始

，但它直接转到下一节

const gra=函数（最小值、最大值）{
返回Math.random（）*（max-min）+min；
}
const init=函数（）{
让items=document.queryselectoral（'section'）；
for（设i=0；i
*{
框大小：边框框；
}
身体{
字体系列：无衬线；
滚动捕捉类型：必填；
滚动捕捉点y：重复（100vh）；
滚动捕捉类型：y必填；
}
部分{
边框底部：1px纯白；
填充：1rem；
高度：100vh；
滚动捕捉对齐：开始；
文本对齐：居中；
位置：相对位置；
}
h1{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
文本对齐：居中；
颜色：白色；
宽度：100%；
左：0；
字体大小：calc（1rem+3vw）；
}

第一节
第二节
第三节
第四节
第五节
您可以添加mcve吗？