Snap scroll CSS在Chrome中太快/跳跃,但在其他地方工作正常

zxlwwiss  于 2022-12-20  发布在  Go
关注(0)|答案(2)|浏览(163)

非常新,但我有一个页面的部分,我有一个滚动捕捉功能,但当在浏览器上的过渡是不平滑的,它从一个部分跳到另一个太快。有什么办法来解决这个问题吗?
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;
}
7xzttuei

7xzttuei1#

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

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

3wabscal2#

我刚刚遇到了这个问题,但我认为问题是当我们滚动鼠标,然后它滚动非常快,这就是为什么它是这样的行为.尝试滚动使用笔记本电脑或点击或移动的,它会像预期的工作在chorom太.

相关问题