Javascript 如何制作滚动锁？

我只想创建一个像tesla.com这样的网站，我在源代码滚动条锁中看到了一个html代码：

<div id="cont-1" class="full-container">
   <p> This is container 1 </p>
</div>
<div id="cont-2" class="full-container">
   <p> This is container 2 </p>
</div>
<div id="cont-3" class="full-container">
   <p> This is container 3 </p>
</div>

当我向下滚动或向上滚动时，我想在这里进行设置。滚动应该锁定在cont-3或cont-2中。我如何进行设置

---

示例网站：

您应该查看较新的CSS属性。如果没有这个，它将是一个很好的JS脚本块

.container{
显示器：flex；
溢出：自动；
轮廓：1px浅灰色虚线；
flex：无；
宽度：256px；
高度：256px；
柔性流动：柱状nowrap；
滚动捕捉类型：y必填；
}
.container>div{
文本对齐：居中；
滚动捕捉对齐：居中；
flex：无；
线高：256px；
字号：128px；
宽度：256px；
身高：100%；
}
.container>div:n个子项（偶数）{
背景色：#87EA87；
}
.container>div:n个子项（奇数）{
背景色：#87CCEA；
}

1.
2.
3.
4.
5.

这是一个滚动快照

如果你不特别关心IE11的支持，你可以试试这个

html{
滚动捕捉类型：y必填；
}
/*你的元素*/
.整箱{
高度：100vh；
宽度：100vw；
滚动捕捉对齐：开始；
}

有关完整的参考信息，请参阅

---

您也可以使用JS库，比如（但我个人更喜欢CSS库）

您只需在javascript中使用fullpage.JS库就可以做到这一点

这肯定对你有帮助

请参阅下面的演示链接：

---

你可以在你最喜欢的搜索引擎中查找“卷轴劫持”的概念，它应该会给你一些提示。@ShashankVivek是的，你是对的！谢谢你们的回答，我学会了两种方法来完成第一个fullpage.js或css滚动快照。

.full-container { width: 100%; height: 100vh; }