适用于Android的Chrome浏览器不再支持-webkit-overflow-scrolling? 有其他select吗?

我在Nexus 7平板电脑上更新了Android版Chrome浏览器的最新版本,并…

-webkit-overflow-scrolling: touch 

…不再有效。 另外,以下评估为false:

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

是否支持从最新版本的Chrome for Android中移除溢出滚动? 是否有可以在最新版本中find的等效或可比较的替代动量滚动机制(而不是iScroll等)?

同样,我在我的设备上的Play商店中search了Chrome Beta,但search结果中并没有显示。 Nexus 7平板电脑可能不提供testing版本?

任何有关这个问题的帮助,非常感谢。 Google似乎已经从浏览器中删除了这个function,这真是令人沮丧。

编辑:

详细版本信息:

运行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

Solutions Collecting From Web of "适用于Android的Chrome浏览器不再支持-webkit-overflow-scrolling? 有其他select吗?"

尝试将z-index: 0添加到具有overflow: scroll的元素overflow: scroll以创build堆栈上下文,以向Chrome提供使用快速滚动代码path的提示。

背景:

在更新到最新版Chrome for Android后,我目前遇到此问题。 由于这个变化, 现在这个function的Modernizrtesting现在返回false,所以我的CSS样式也没有被应用。

挖掘我发现另一个问题 ,讨论支持溢出滚动触摸:

天恩在debugging162363的时候观察到-webkit-overflow-touch是一个inheritance的属性。 因此,使用该属性在所有非隐藏元素上设置z-index: 0的行为会在其下面创build级联的堆栈上下文。 (ENABLE_ACCELERATED_OVERFLOW_SCROLLING后面的行为目前仅在Android上启用。) 显然的修复方法是仅在“overflow:scroll”元素上设置z-index: 0

所以看起来,如果你有滚动不能按预期工作,然后添加z-index: 0与溢出:滚动的元素,那么这可能会有所帮助。 然而,这并没有为我工作,虽然滚动部分工作(我已经修改了Modernizr CSS溢出滚动testing返回真正的Chrome版本)滚动的动量效果不存在。

从这个url= 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,希望它不再是必要的,因为我们会自动select快速滚动,当我们需要时。 问题是这里没有发生。

你提到的那些SP变化可能不会影响这个问题,因为它们不会出现在非corp账户上,对吗? 我觉得公司一切正常,但我会检查。 “

一个肮脏的解决scheme,为我工作(需要锤子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); }); 

我们在Android 4.0(Android平板电脑和手机)Chrome 40.0 …上滚动问题,我们用CSS只解决scheme。 也许它不干净,但为我们工作:

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