滚动问题仅适用于 chrome

Question

我使用 CSS 属性 scroll-snap-type: y mandatory; 在此框上制作“逐步”滚动效果（在“AGIT”部分内滚动）： https://wikirouge.net/Accueil

它在 Firefox 和 Edge 上运行良好，但在 Chrome 上，它总是比需要多滚动一行。如果我使用滚动按钮而不是鼠标滚轮，它可以正常工作。

您有解释和可能的解决方法吗？ 谢谢

Answer 1

它似乎与转换声明冲突，删除它后，对我来说看起来很正常：

.content > * {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}