适用于Android的Chrome浏览器不再支持-webkit-overflow-scrolling？ 还有其他选择吗？

Question

我在Nexus 7平板电脑上更新到最新版Chrome for Android并且......

-webkit-overflow-scrolling: touch

......不再有效 此外，以下评估为false：

!!('WebkitOverflowScrolling' in document.documentElement.style)

是否支持从最新版Chrome for Android中删除溢出滚动？ 是否有可用于最新版本的等效或类似的替代动量滚动机制（不是iScroll等）？

同样，我在我的设备上的Play商店中搜索了Chrome测试版，但搜索结果中没有显示。 也许Nexus 7平板电脑不提供测试版？

对此事的任何帮助都非常感谢。 谷歌似乎已经从他们的浏览器中删除了这个功能，这令人非常沮丧....

编辑：

详细版本信息：

运行Android 4.2.2版的Nexus 7平板电脑

-webkit-overflow-scrolling: touch;

和

!!('WebkitOverflowScrolling' in document.documentElement.style)

• 在Chrome版本18.0.1025469上运行并评估为true
• 在Chrome版本26.0.1410.58上不起作用并评估为false

Answer 1

尝试将z-index: 0添加到带overflow: scroll的元素overflow: scroll以创建堆叠上下文，该提示向Chrome提供使用快速滚动代码路径的提示。

背景：

我目前在更新到最新版Chrome for Android后遇到此问题。 由于这一变化，此功能的当前Modernizr测试现在返回false，因此我的CSS样式未应用，这对我来说也更加复杂。

周围挖我发现了另一个问题 ，讨论溢出滚动触摸的支持：

Tien-Ren在调试162363时观察到-webkit-overflow-touch是一个继承的属性。 因此，在具有该属性的所有非隐藏元素上设置z-index: 0的行为会在其下创建一系列堆叠上下文。 （此行为在ENABLE_ACCELERATED_OVERFLOW_SCROLLING之后，目前仅在Android上启用。） 明显的解决方法是仅在“overflow：scroll”元素上设置z-index: 0 。

所以看起来如果你的滚动问题没有按预期工作，那么将z-index: 0添加到带溢出的元素：滚动然后这可能会有所帮助。 然而，这对我来说不起作用，虽然滚动部分有效（在我修改了Modernizr css-overflow-scrolling测试后，对于这个版本的Chrome返回true），滚动的动量效果不存在。

Answer 2

来自此网址= https://code.google.com/p/chromium/issues/detail?id=175670&q=overflow-scrolling&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS% 20Modified

“不，我认为这确实是由172481触发的。 我们删除了-webkit-overflow-scrolling，希望不再需要它，因为我们会在需要时自动选择快速滚动。 问题是它不会发生在这里。

您提到的那些SP更改可能不会影响此问题，因为它们不会显示在非公司帐户上，对吧？ 我认为一切都很好，但我会检查。 “

Answer 3

一个对我有用的脏解决方案（需要Hammer js）：

  Hammer($('body')[0]).on("dragup", function(ev) {
            window.scrollBy(0,ev.gesture.distance);
        });
         Hammer($('body')[0]).on("dragdown", function(ev) {
            window.scrollBy(0,-ev.gesture.distance);
        });

Answer 4

我们在Android（平板电脑和手机）上的Chrome 40.0上有滚动问题，我们修复了仅限css的解决方案。 也许它不干净但对我们有用：

    @media screen and (max-width: 1024px)
html, body {
    z-index: 0 !important;
    overflow: scroll !important;
    }
}