Android版Chrome浏览器不再支持-webkit-溢出滚动? 是否有其他选择吗?(Chr

2019-08-20 23:58发布

我更新到Android版Chrome的最新版本在我的Nexus 7平板电脑和...

-webkit-overflow-scrolling: touch

......不再起作用。 此外,下面的计算结果为false:

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

被溢出支持滚动距离更近删除针对Android建立的Chrome? 是否有同等或同等替代势头滚动机构(未iScroll,等等),我可以在最新版本中使用发现了什么?

同时,我搜索了Chrome测试版在我的设备上的Play商店,并没有拿出在搜索结果中。 也许是测试版没有为Nexus 7平板电脑提供?

在这个问题上的任何帮助深表感谢。 这是非常令人沮丧,谷歌似乎已经从他们的浏览器中取消了这一功能....

编辑:

详细版本信息:

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

-webkit-overflow-scrolling: touch;

!!('WebkitOverflowScrolling' in document.documentElement.style)
  • 作品和计算结果为true的Chrome版本18.0.1025469
  • 不工作,计算结果为假的Chrome版本26.0.1410.58

Answer 1:

尝试添加z-index: 0到元件与overflow: scroll创建堆叠上下文,提供一个提示,铬使用快速滚动代码路径。

背景:

我更新到最新的Android版Chrome浏览器后,我目前遇到此问题。 这也被这样的事实,由于这一变化的加剧对我目前的Modernizr的测试此功能现在返回false,所以并没有被应用我的CSS样式。

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

天仁在调试162363是-webkit-溢出点触控是一种遗传特性观察。 因此,设置的行为z-index: 0与该属性的所有非隐藏的元素创建堆叠下方上下文的级联。 (这种行为,身后ENABLE_ACCELERATED_OVERFLOW_SCROLLING,仅适用于Android目前已启用) 最明显的解决将是设置z-index: 0上唯一的“溢出:滚动”的元素。

因此,它似乎是,如果您有滚动无法正常运行,然后添加问题z-index: 0与溢出的元素:然后滚动这可能会有帮助。 然而,这并没有为我工作,但滚动的部分工作(我已经修改了Modernizr的CSS-溢出滚动测试,此版本的Chrome返回true后)滚动的动量效应是不存在的。



Answer 2:

从这个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-溢出滚动与它不再是必要的,因为我们会自动选择加入快速滚动,当我们需要希望。 问题是,它不是发生在这里。

这些SP改变你可能提到会不会影响这个问题,因为他们不会在非公司帐户的展现出来,对不对? 我认为一切工作正常,但总公司我会检查。 “



Answer 3:

一个肮脏的解决方案,为我(需要锤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:

我们有滚动的问题在Chrome 40.0 ...在Android(平板电脑和移动设备),我们固定用CSS唯一的解决办法。 也许这是不干净的,但为我们工作:

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


文章来源: Chrome Browser for Android no longer supports -webkit-overflow-scrolling? Is there an alternative?