2

我有一个div在桌面浏览器上滚动得很好,但在带有触摸屏的移动设备上,滚动不起作用。

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

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

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

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

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

编辑:看起来滚动在 iPhone 上也可以正常工作(与 LG Optimus Elite 的屏幕尺寸相同)。所以问题可能出在Android...?

4

1 回答 1

2

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

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

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

效果不如原生滚动,但可以很好地完成工作。

于 2013-08-16T14:40:26.507 回答