无法在iPad上滚动网页

Question

在iPad上，我无法滚动网页。 它在OS X上的Safari，Chrome和Firefox中正常运行。

页面上有一个区域，其中内容只能水平滚动。 它由一个容器div组成，其宽度为100％，高度为（100％-40px）。 我正在通过JavaScipt函数设置高度，该函数由窗口调整大小事件触发。 在此容器内是另一个div，其内容的宽度（非常宽，以避免换行）。 里面就是内容。

容器的CSS属性为：

overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap;

请在此处查看页面和完整源代码： dcfoto.de

在iPad上，无法滚动。 我究竟做错了什么？ 顺便说一句：调整大小在方向更改上也无法正常工作。 也许已经连接了。

Answer 1

不幸的是，需要执行两指轻扫，即使那样，它也没有响应（与默认的一指轻扫滚动相比）。

有很多javascript解决方案，其中（sencha touch和iscroll是最有前途和最先进的）

我建议使用http://cubiq.org/iscroll-4 ，它是最酷的触摸滚动脚本。 它也适用于android，但由于基于Webkit的默认android浏览器不支持css3 3d加速属性（与移动Safari一样好），因此速度较慢。

如果您是我，我将检查用户的用户代理，并为android和ipad / iphone用户部署该脚本。