Html CSS滚动捕捉不适用于CSS网格

将CSS滚动捕捉与Flexbox一起使用时，捕捉效果很好：

*{
框大小：边框框；
保证金：0；
填充：0；
}
.滑块{
字体系列：无衬线；
滚动捕捉类型：必填；
滚动捕捉点y：重复（100vw）；
滚动捕捉类型：x必填；
显示器：flex；
溢出-x：滚动；
}
部分{
右边框：1px纯白；
填充：1rem；
最小宽度：100vw；
高度：100vh；
滚动捕捉对齐：开始；
文本对齐：居中；
位置：相对位置；
}
h1{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
文本对齐：居中；
颜色：红色；
宽度：100%；
左：0；
字体大小：calc（1rem+3vw）；
}

第一节
第二节
第三节
第四节
第五节

可能是因为柔性线不受阻碍，但网格线包含轨道墙？