在 Android 版 Chrome 上禁用动量滚动

Question

我正在寻找一种方法来禁用 Chrome for Android 设备上的动量滚动。我有一个固定高度的 div，我希望能够滚动该 div 的内容但没有平滑效果。

在 iOS 上这很容易，我只是没有添加“-webkit-overflow-scrolling: touch”，但看起来 Chrome for Android 会自动应用它。

当我使用 Chrome -> Device 检查检查代码时，我没有看到这个属性，所以我认为 Chrome 天生就这样做，我还没有找到防止这种情况的方法。

我在 touchend 上尝试过 preventDefault 但它不起作用。

有什么建议吗？

谢谢。:)

Answer 1

这是来自 chromium 项目的 code.google.com 的引用

“我们删除了 -webkit-overflow-scrolling，希望不再需要它，因为我们会在需要时自动选择快速滚动。”

-webkit-overflow-scrolling: touch;

该规则在 2013 年 1 月至 2 月期间被删除
现在在 Chrome 上解决该问题的唯一方法是这样做

<div style="overflow: auto">
    <div style="z-index: 0">
        Content
    </div>
</div>

修复方法是仅在“overflow:scroll”元素上设置 zindex: 0。