CSS滚动捕捉与铬

我在Angular应用程序中使用CSS scroll snap从第1节滚动到第2节，等等。它在Firefox中工作得非常好，但在Chrome中却不行。在Chrome中，它跳得太远，并且总是跳过一个部分（当使用鼠标滚动时，使用触摸板时，它会按预期工作）

到目前为止，我发现这是因为container元素设置了

position:absolute

set。这是必需的

这是我的

.container{
位置：绝对位置；
z指数：999999999999；
溢出：自动；
-ms溢出样式：无！重要；
滚动条宽度：无！重要；
溢出y：滚动；
高度：530px；
滚动捕捉类型：y必填；
宽度：100%；
左：0；
}
.科{
高度：500px；
滚动捕捉对齐：居中；
框大小：边框框；
}

1.
2.
3.
4.
5.

你也能分享角度代码吗？嗨@prathameshk73，我加了一个代码笔。没有特定于AngularI的逻辑代码，我在chrome上运行您的代码，效果符合要求。也许你的角度逻辑干扰了滚动快照的良好行为？我可以在Chrome和Opera上重现这个问题。在Edge和Firefox中运行良好。如果我在笔记本电脑上通过scrollpad滚动，在Chrome中运行良好，但当我使用鼠标时，它会跳过部分。有什么想法吗？你也能分享角度代码吗？嗨@prathameshk73，我加了一个代码笔。没有特定于AngularI的逻辑代码，我在chrome上运行您的代码，效果符合要求。也许你的角度逻辑干扰了滚动快照的良好行为？我可以在Chrome和Opera上重现这个问题。在Edge和Firefox中运行良好。如果我在笔记本电脑上通过scrollpad滚动，在Chrome中运行良好，但当我使用鼠标时，它会跳过部分。有什么想法吗？