如何在滚动条上分别显示网站的不同部分

Question

伙计们！我想知道如何在滚动上单独显示网站的每个部分。作为参考，您可以查看此网站：https://vara-network.io/

我不知道它叫什么，所以我认为这是询问的最佳地点。

提前致谢。

Answer 1

您正在寻找

scroll-snap

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap

CSS 滚动捕捉模块提供的属性可让您通过定义捕捉位置来控制平移和滚动行为。当用户在滚动容器内滚动溢出内容时，内容可以被捕捉到位，从而提供分页和滚动定位。

该模块包含滚动容器滚动填充属性，用于在滚动到视图操作期间调整分页的最佳查看区域。它还包括在滚动容器的子项上设置的滚动边距和滚动对齐，以在该子项滚动到视图中时调整子项的视觉区域，以及强制滚动在各个子项上停止的属性。