html - 提高 Google Chrome 中滚动捕捉的灵敏度

Question

我已经通过在此处scroll-snap-align记录和在此处记录使用滚动捕捉为我的网站实现了一个设计。scroll-snap-type

该实现有效，但是在 Google Chrome 上，用户必须非常“牢固地”滚动才能移动到下一部分。另一方面，在 Firefox 上移动到下一个部分只需要一个“滴答”的滚轮。Firefox 上的行为更受欢迎，而 Chrome 的行为则显得笨拙和不自然。

我想知道是否有办法调整 Chrome 上的滚动敏感度或类似的东西，以实现与 Firefox 中存在的相同行为。

我创建了一个具有最小实现的JSFiddle，它演示了上述浏览器的不同行为。

提前致谢。

编辑： JSFiddle 中的行为（实际上是在我的网站上）现在已经变成了一些不同但同样不令人满意的东西。现在在鼠标滚轮上向下滚动一个“槽口”会导致滚动捕捉向下 2 个部分而不是 1 个部分，我创建了一个带有第 4 个部分的新JSFiddle，以确认滚动向下 2 个部分而不是直接到最后一部分。我一直无法找到导致此问题的规范更新或更改的参考。

标签： htmlcssgoogle-chromefirefoxscroll

Answer 1

我遇到了上述相同的问题，所以我转向https://lucafalasco.github.io/scroll-snap/。我已经在 Chrome 和 Firefox 上亲自测试过，它似乎运行良好——也就是说，使用鼠标滚轮滚动不会跳过部分。我不打算支持 IE11，所以这符合我的目的。