仅 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;
}

仅 chrome 存在滚动问题

Scrolling issue only with chrome

html

css

scroll

google-chrome