我更新到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
尝试添加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后)滚动的动量效应是不存在的。
从这个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改变你可能提到会不会影响这个问题,因为他们不会在非公司帐户的展现出来,对不对? 我认为一切工作正常,但总公司我会检查。 “
一个肮脏的解决方案,为我(需要锤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);
});
我们有滚动的问题在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?