android - 在 Android 版 Chrome 上禁用动量滚动

Question

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

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

当我使用 Chrome -> Device inspection 检查代码时，我没有看到此属性，所以我认为 Chrome 会自动执行此操作，但我还没有找到防止这种情况发生的方法。

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

有什么建议吗？

谢谢。 :)

Answer 1

这是来自 code.google.com 的 chromium 元素的引用

“我们删除了 -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。