Android的Chrome浏览器不再支持webkit溢出滚动？还有别的选择吗？

我在Nexus 7平板电脑上更新了最新版本的Android Chrome，并且

-webkit-overflow-scrolling: touch

。。。不再有效。此外，以下计算结果为false：

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

最近版本的Chrome for Android是否已经删除了对溢出滚动的支持？在最新版本中，是否有一种等效或可比的动量滚动机制（不是iScroll等）可供我使用

此外，我在我的设备上的Play Store中搜索了Chrome Beta版，但搜索结果中没有找到它。也许Nexus 7平板电脑不提供测试版

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

编辑：

详细版本信息：

运行安卓4.2.2版的Nexus 7平板电脑

-webkit-overflow-scrolling: touch;

及

• 在Chrome版本18.0.1025469上工作并评估为真
• 在Chrome版本26.0.1410.58上不工作并计算为false

来自此URL=

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

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

---

“

尝试将

z-index:0

添加到带有

overflow:scroll

的元素中，以创建一个堆叠上下文，该上下文向Chrome提供使用快速滚动代码路径的提示

背景：

在升级到最新版本的Chrome for Android后，我目前遇到了这个问题。这对我来说也是一个复杂的事实，由于这个更改，这个特性的现在返回false，所以我的CSS样式没有被应用

深入研究后，我发现了另一个讨论了对溢出滚动触摸的支持：

田仁在调试162363时观察到-webkit溢出触摸 是继承的财产。因此，在所有节点上设置

z-index:0

的行为 具有该属性的非隐藏元素会创建层叠 它下面的上下文。（这种行为背后 启用\u加速\u溢出\u滚动，当前仅在上启用 显而易见的解决办法是只打开

z-index:0

“溢出：滚动”元素。

---

因此，如果您遇到滚动无法按预期工作的问题，那么将

z-index:0

添加到带有overflow:scroll的元素中，这可能会有所帮助。然而，这对我来说不起作用，尽管滚动部分起作用（在我修改了Modernizr css溢出滚动测试以使此版本的Chrome返回true之后），但滚动的动量效应并不存在。

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

---

我们在Chrome40.0上有滚动问题。。。在Android（平板电脑和手机）上，我们使用css唯一解决方案进行了修复。也许它不干净，但对我们有用：

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

---

你能提供准确的安卓操作系统版本和安卓版本的Chrome浏览器吗？谢谢。@Mastdrinkimbupani，谢谢您的回复。原始帖子已被编辑并添加了您请求的信息。为什么您需要使用

强制该值当它已经是一个
布尔值时
…感谢您的回复。我仍然不明白为什么-webkit溢出滚动将“不再必要”。什么是“快速滚动？”我猜它只与上面链接的页面中讨论的特定上下文相关，而不是出于一般目的。所以，除了标准溢出，真的没有非插件的替代品：自动功能？因为overflow:auto可预测地提供低质量的滚动，没有动力。“快速滚动”是本机加速滚动。要点是-webkit溢出滚动是无用的，因为它应该是溢出的默认行为：滚动。这就是他们想要做的。z-index:0对我来说非常有效。这是我最难解决的问题。非常感谢。我仍然有这个严重的问题。。。还有其他的解决方案吗？对我来说是可行的，但正如所说的，只有Android KitKat。使用iOS或更老的Android版本会导致滚动而没有动力。因此，对于网络应用程序来说，这并不实用（z-index对我不起作用。但是-webkit transform:translateZ（0）起到了作用。这是一个严重的黑客行为，但只是为了防止有人遇到这个问题。那么模态窗口呢？我在一个窗口内，z-index为1002，我无法减少它。
  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);
        });

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