在 Android 版 Chrome 上禁用动量滚动

Question

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

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

当我使用 Chrome 检查代码 -> 设备检查时，我没有看到这个属性，所以我认为 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>

解决方法是仅在“溢出：滚动”元素上设置 zindex: 0。