溢出滚动无法在Android触摸屏上运行

时间:2013-08-12 16:24:53

标签: jquery html css scroll touch

我有一个div在桌面浏览器上滚动得很好,但在带触摸屏的移动设备上,滚动功能无效。

这是一个stripped down jsFiddle,包含一些实际代码。滚动在您的移动浏览器中可以正常工作,但是当我说在触摸屏设备上完全相同的代码不滚动时,请相信我。

我使用的实际设备是LG Optimus Elite Android设备。

您可能会看到我正在使用slimScroll库,但请放心,这不是问题,因为我已经在代码中的其他地方成功实现了(即使在触摸屏上)。

此外,我尝试删除slimScroll并使用原生滚动,结果相同(负面)。

就像触摸屏设备没有注册我的触摸来滚动div。

编辑:看起来滚动也适用于iPhone(与LG Optimus Elite相同的屏幕尺寸)。所以问题可能在于Android ......?

1 个答案:

答案 0 :(得分:2)

@Coop关于手机操作系统是罪魁祸首是正确的。

有问题的手机运行Android 2.2.x并且不支持可滚动的div。

我通过使用SlimScroll plugin强制有问题的div来允许滚动来找到解决方案。

不能像原生滚动那样工作,但可以很好地完成工作。