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

zxlwwiss 于 2022-12-20 发布在 Go

关注(0)|答案(2)|浏览(162)

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

google-chrome

来源：https://stackoverflow.com/questions/68703004/snap-scroll-css-too-fast-jumpy-in-chrome-but-works-fine-everywhere-else

2条答案

按热度按时间

7xzttuei1#

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

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

赞(0）回复(0）举报 2022-12-20

3wabscal2#

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

赞(0）回复(0）举报 2022-12-20

我来回答

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

2条答案

相关问题

热门标签

最新问答