/* 设置滚动高度为100px */
.element {
scroll-snap-type: y mandatory; /* 激活滚动效果 */
scroll-snap-points-y: repeat(100px);
scroll-snap-type: none; /* 禁用页面滚动效果 */
/* 兼容性设置 */
-webkit-scroll-snap-type: y mandatory;
-webkit-scroll-snap-points-y: repeat(100px);
-webkit-scroll-snap-type: none;
}上述代码中，scroll-snap-points-y属性设置元素在垂直方向上每次滚动的距离，这里设置为100px。而scroll-snap-type属性用来设置元素滚动的模式，这里设置为强制模式（mandatory），即只有滚动到指定距离时，元素才会停止滚动。
需要注意的是，这种设置在不同浏览器中的兼容性可能存在差异，因此需要添加浏览器兼容性前缀。同时，如果需要禁用页面整体滚动效果，可以使用scroll-snap-type: none来实现。