2013-04-04 48 views
0

我正在开发一个只能在内部系统中使用的Web应用程序,使用iPad或带IE10的大型触摸屏。我有一些内容需要使用overflow:auto进行滚动。如何让IE支持-webkit溢出滚动?

对于iPad,我可以使用-webkit-overflow-scrolling:touch将iOS风格的滚动引入到内容区域 - 我想要的主要功能是通过触摸任意位置向上或向下滚动内容在内容区域(与在任何触摸设备上滚动相同)。 iPad是完美的,但我无法找到可在IE10中使用的等效品。正常的滚动条出现在IE10中的内容区域的右侧,但这在触摸屏上使用有点费劲。

有谁知道一个JavaScript解决方案,将复制-webkit溢出滚动的功能:IE10中的触摸?

回答

1

参考:http://www.quirksmode.org/css/css2/mobile.html

上述链路为各种移动浏览器兼容性图表跨各种平台提供。与此问题相关的滚动位在页面的底部。

讨论每个平台的默认滚动质量,笔者指出:

此项的一点是,只有那些有不良默认滚动品质的浏览器需要-webkit-overflow-scrolling: touch

他列出的iOS具有错误的默认滚动质量和IE10具有良好的滚动质量。因此(在该页面的作者看来),IE10不需要overflow-scrolling: touch

这是幸​​运的,因为IE10不支持它,并且我看不到它很容易填充它。

+0

不错的建议。在该页面作者说IE9的滚动质量不好,它需要webkit-overflow-scrolling:touch。如何实现这一目标? – Gowsikan 2013-04-04 13:35:41

+0

对不起,但我想用IE9,你只需要忍受它。但问题是有关IE10的问题,它具有良好的滚动功能,所以希望这对你来说已经足够了。 (无论如何,IE9没有那么多移动设备,主要是IE10) – Spudley 2013-04-04 13:40:45