Html 当您使用鼠标滚动时，scrollsnap会跳过一个div

我已经为网页上的不同部分设置了滚动快照

它可以在大屏幕（1200像素+宽度）或触摸板上正常工作。然而，在较小的屏幕（1200px和-宽度）上，当您使用鼠标上的滚轮时，它会从第1节“跳”到第3节或从第3节“跳”到第5节。 怎么解决这个问题

html，正文{margin:0；padding:0；背景色：#2323；}
.text_id{
颜色：#fff；
字体大小：calc（12px+1.8vw）；
字体系列：“蒙特塞拉特”，无衬线；
字号：600；
文本对齐：居中；
}
.定心容器、.定心容器2、.定心容器3、.定心容器4、.定心容器5{
z指数：-1；
身高：100%；
宽度：100%；
溢出：隐藏；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
位置：相对位置；
}
#包装纸{
位置：相对位置；
高度：100vh；
溢出：隐藏；
z指数：3；
}
#特色{
位置：绝对位置；
z指数：2；
宽度：计算（100vh*（1920/1080））；/*视频宽度/高度*/
高度：计算（100vw*（1080/1920））；/*视频高度/宽度*/
最小宽度：100%；
最小高度：100%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
#包装2{
位置：相对位置；
高度：100vh；
溢出：隐藏；
z指数：2；
}
#特点2{
位置：绝对位置；
z指数：3；
宽度：计算（100vh*（1620/1080））；/*视频宽度/高度*/
高度：计算（100vw*（1080/1620））；/*视频高度/宽度*/
最小宽度：100%；
最小高度：100%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
#包装纸3{
位置：相对位置；
高度：100vh；
溢出：隐藏；
z指数：2；
}
#特点3{
位置：绝对位置；
z指数：2；
宽度：计算（100vh*（1920/1080））；/*视频宽度/高度*/
高度：计算（100vw*（1080/1920））；/*视频高度/宽度*/
最小宽度：100%；
最小高度：100%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
#包装纸4{
位置：相对位置；
高度：100vh；
溢出：隐藏；
z指数：4；
}
#特点4{
位置：绝对位置；
z指数：2；
宽度：计算（100vh*（1920/1080））；/*视频宽度/高度*/
高度：计算（100vw*（1080/1920））；/*视频高度/宽度*/
最小宽度：100%；
最小高度：100%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
#包装纸5{
位置：相对位置；
高度：100vh；
溢出：隐藏；
z指数：2；
}
#特点5{
位置：绝对位置；
z指数：2；
宽度：计算（100vh*（960/506））；/*视频宽度/高度*/
高度：计算（100vw*（506/960））；/*视频高度/宽度*/
最小宽度：100%；
最小高度：100%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
录像带{
z指数：-2；
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
/********平滑滚动滚动捕捉********/
.滚动容器{
宽度：100%；
高度：100vh；
溢出：自动；
-webkit滚动捕捉类型：y必填；
-ms滚动捕捉类型：y必填；
滚动捕捉类型：y必填；
}
雷克韦尔先生{
滚动捕捉对齐：开始；
滚动行为：平滑；
}

第一节
第2节™
第三节
第四节
第五节