快速滚动 CSS 在 Chrome 中太快/跳跃，但在其他地方工作正常

Question

对此很新，但我有一页具有滚动捕捉功能的部分，但在 chrome 上查看时，过渡一点也不平滑，它从一个部分跳到另一个部分太快了。有什么办法可以解决这个问题吗？？

https://www.matthewjameswilson.com/

这是我正在使用的代码：

html {
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-padding: 50px 0 0 0;
}

section {
  height: 100vh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
} 

Answer 1

scroll-behavior: smooth;你错过了在 CSS 上添加 smooth 属性

html {
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-padding: 50px 0 0 0;
  scroll-behavior: smooth;
}