【发布时间】:2019-11-14 18:15:33
【问题描述】:
我已经通过scroll-snap-align 记录的here 和scroll-snap-type 记录的here 使用滚动捕捉为我的网站实现了一个设计。
该实现有效,但在 Google Chrome 上,用户必须非常“牢固地”滚动才能移动到下一部分。另一方面,在 Firefox 上移动到下一个部分只需要一个“滴答”的滚轮。 Firefox 上的行为更受欢迎,而 Chrome 上的行为则显得笨拙和不自然。
我想知道是否有办法调整 Chrome 上的滚动灵敏度或类似的东西,以实现与 Firefox 中相同的行为。
我创建了一个JSFiddle,它的最小实现展示了上述浏览器的不同行为。
提前致谢。
编辑:JSFiddle 中的行为(实际上是在我的网站上)现在已经变成了一些不同但同样不令人满意的东西。现在在鼠标滚轮上向下滚动一个“槽口”会导致滚动捕捉向下 2 个部分而不是 1 个部分,我创建了一个新的 JSFiddle 和第 4 个部分,以确认滚动向下 2 个部分而不是直接到最后部分。我一直无法找到导致此问题的规范更新或更改的参考。
【问题讨论】:
-
规格没有变化。我相信这是 Chrome 实现的产物。我也对 Chrome 的体验不满意,在解决此问题之前,滚动快照类型几乎无用。
标签: html css google-chrome firefox scroll