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

Jam*_*ton 6 html css firefox scroll google-chrome

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

该实现有效,但是在 Google Chrome 上,用户必须非常“坚定”地滚动才能移动到下一部分。另一方面,在 Firefox 上,只需滚动滚轮一次“嘀嗒”即可移至下一部分。Firefox 上的行为更理想,而 Chrome 上的行为感觉笨拙且不自然。

我想知道是否有办法调整 Chrome 上的滚动灵敏度或类似的方法,以实现与 Firefox 中相同的行为。

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

提前致谢。

编辑:JSFiddle(实际上是我的网站)中的行为现在已更改为不同但同样令人不满意的内容。现在,在鼠标滚轮上向下滚动一个“凹口”会导致滚动捕捉向下 2 个部分而不是 1 个部分,我创建了一个新的JSFiddle和第 4 个部分,以确认滚动向下 2 个部分而不是直接到达最后一个部分。我无法找到导致此问题的规范更新或更改的参考。

Ash*_*Lim 1

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