Html 无法将水平滚动捕捉更改为垂直滚动捕捉

我找到了这个，但它是水平的。当我试图使它垂直时，它不起作用

我在以下位置找到代码：

//没有
/*隐藏滚动条*/
身体{
溢出y：隐藏；
}
.幻灯片{
/*我们设置了滚动捕捉*/
滚动捕捉类型：x必填；
/*移动滚动的必要条件*/
-webkit溢出滚动：触摸；
/*用于布局目的*/
显示器：flex；
/*允许水平滚动*/
溢出-x：滚动；
}
部分{
/*用于造型目的*/
高度：100vh；
最小宽度：100vw；
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景重复：无重复；
背景尺寸：封面；
/*设置捕捉应发生的位置*/
滚动捕捉对齐：开始；
}
/*剖面的样式*/
第h2节{
字体系列：系统界面，无衬线；
字号：2rem；
颜色：#1A1A；
字号：100；
}
第h3节{
字体系列：系统界面，无衬线；
字号：2rem；
颜色：#ffffff；
字号：100；
}
.第1节{
背景图像：url（'https://images.unsplash.com/photo-1524260855046-f743b3cdad07?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1401&q=80'）
}
.第2节{
背景图像：url（'https://images.unsplash.com/34/BA1yLjNnQCI1yisIZGEi_2013-07-16_1922_IMG_9873.jpg?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1351&q=80'）
}
.第3节{
背景图像：url（'https://images.unsplash.com/photo-1500964757637-c85e8a162699?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1378&q=80'）
}
.第4节{
背景图像：url（'https://images.unsplash.com/photo-1501791330673-603715379ded?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1350&q=80'）
}

向右滚动以查看它的作用您的父元素没有固定的高度，因此会展开以适合子元素。除此之外，还需要设置
overflow-y:scroll：


//没有
/*隐藏滚动条*/
身体{
保证金：0；
填充：0；
溢出x：隐藏；
}
.幻灯片{
/*我们设置了滚动捕捉*/
滚动捕捉类型：y必填；
/*移动滚动的必要条件*/
-webkit溢出滚动：触摸；
显示器：flex；
柔性流动：柱；
/*隐藏水平溢出*/
溢出x：隐藏；
/*允许垂直溢出*/
溢出y：滚动；
/*设置父对象的高度，将其展开以适合子对象*/
高度：100vh；
}
部分{
/*用于造型目的*/
显示器：flex；
最小高度：100vh；
宽度：100vw；
对齐项目：居中；
证明内容：中心；
背景重复：无重复；
背景尺寸：封面；
/*设置捕捉应发生的位置*/
滚动捕捉对齐：开始；
}
/*剖面的样式*/
第h2节{
字体系列：系统界面，无衬线；
字号：2rem；
颜色：#1A1A；
字号：100；
}
第h3节{
字体系列：系统界面，无衬线；
字号：2rem；
颜色：#ffffff；
字号：100；
}
.第1节{
背景图像：url（'https://images.unsplash.com/photo-1524260855046-f743b3cdad07?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1401&q=80'）
}
.第2节{
背景图像：url（'https://images.unsplash.com/34/BA1yLjNnQCI1yisIZGEi_2013-07-16_1922_IMG_9873.jpg?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1351&q=80'）
}
.第3节{
背景图像：url（'https://images.unsplash.com/photo-1500964757637-c85e8a162699?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1378&q=80'）
}
.第4节{
背景图像：url（'https://images.unsplash.com/photo-1501791330673-603715379ded?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=1350&q=80'）
}

向下滚动查看它的运行情况在滚动时是否可以捕捉？和我在钢笔里找到的一样，除了virtical。它已经做到了，在小的结果显示上可能不是很明显。在
全页
（运行代码片段时按钮旁边出现的小链接）中检查答案我单击了全页，问题仍然存在。我现在明白你的意思了。它在Firefox中的工作方式是你想要的，而不是Chrome。让我检查一下。这里已经讨论了铬的行为->