【问题标题】:Increase Sensitivity of Scroll Snapping in Google Chrome提高 Google Chrome 中滚动捕捉的灵敏度
【发布时间】:2019-11-14 18:15:33
【问题描述】:

我已经通过scroll-snap-align 记录的herescroll-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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2015-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-30
    • 2012-07-30
    • 1970-01-01
    相关资源
    最近更新 更多