Css Google Chrome滚动捕捉中的潜在错误
下面我有一个简单的滚动抓拍代码，它在Firefox 80.0.1中工作得很好，在Google Chrome v85.0.4183.102中，滚动行为不平滑，抓拍效果有延迟。这里是一个链接，指向在和中录制的屏幕。据我所知，滚动捕捉应该在主要浏览器中支持 下面是我的代码片段Css Google Chrome滚动捕捉中的潜在错误,css,google-chrome,Css,Google Chrome,下面我有一个简单的滚动抓拍代码，它在Firefox 80.0.1中工作得很好，在Google Chrome v85.0.4183.102中，滚动行为不平滑，抓拍效果有延迟。这里是一个链接，指向在和中录制的屏幕。据我所知，滚动捕捉应该在主要浏览器中支持 下面是我的代码片段 <body> <section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni cumque ut veritatis a
<body>
<section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni cumque ut veritatis accusantium exercitationem, accusamus dolores eveniet. Adipisci hic soluta reiciendis nihil accusantium quam facilis. Animi earum culpa voluptate magni.</section>
<section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni cumque ut veritatis accusantium exercitationem, accusamus dolores eveniet. Adipisci hic soluta reiciendis nihil accusantium quam facilis. Animi earum culpa voluptate magni.</section>
<section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni cumque ut veritatis accusantium exercitationem, accusamus dolores eveniet. Adipisci hic soluta reiciendis nihil accusantium quam facilis. Animi earum culpa voluptate magni.</section>
</body>
html{
margin: 0;
padding: 0;
overflow-x: hidden;
scroll-snap-type: y mandatory;
overflow-y: scroll;
scroll-behavior: smooth;
}
body{
scroll-behavior: smooth;
}
section{
width: 100vw;
height: 100vh;
scroll-snap-align: start;
}
我的同僚们都是精英。在实践中积累经验，积累经验。面部蓄积液。罪过动物。
我的同僚们都是精英。在实践中积累经验，积累经验。面部蓄积液。罪过动物。
我的同僚们都是精英。在实践中积累经验，积累经验。面部蓄积液。罪过动物。
html{
保证金：0；
填充：0；
溢出x：隐藏；
滚动捕捉类型：y必填；
溢出y：滚动；
滚动行为：平滑；
}
身体{
滚动行为：平滑；
}
部分{
宽度：100vw；
高度：100vh；
滚动捕捉对齐：开始；
}
该问题仅在滚动使用鼠标滚轮时出现单击页面侧面的滚动条并使用滚动条向下/向上滚动时捕捉有效，但使用鼠标滚轮会在ChromeUp中对我造成混乱，这就是我指出的问题。让我编辑我的帖子来确认；我在Firefox上的抓拍效果很好，但在Chrome 85.0.4183.102上使用鼠标滚轮滚动时出现问题。
scroll snap typescroll snap type