在Chrome for Android上停用动态滚动功能

时间:2014-08-26 13:53:01

标签: android css google-chrome momentum

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

在iOS上它很简单,我只是添加" -webkit-overflow-scrolling:touch",但看起来Chrome for Android会自动应用此功能。

当我使用Chrome检查代码时 - >设备检查我没有看到这个属性所以我认为Chrome做得那么天真,而且我找不到防止这种情况的方法。

我尝试在touchend上使用preventDefault,但它没有用。

有什么建议吗?

感谢。 :)

1 个答案:

答案 0 :(得分:0)

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

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

-webkit-overflow-scrolling: touch;

2013年1月至2月期间,该规则被删除了 现在解决这个问题的唯一办法就是像这样做

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

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