Javascript 无法在iPad上滚动网页

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

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

容器的CSS属性包括：

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

请参见此处的页面和完整源代码：

在iPad上，滚动是不可能的。我做错了什么？

---

顺便说一下：在方向改变时，调整大小也不能正常工作。可能已连接。

不幸的是，需要执行两个手指的滑动，即使如此，也没有响应（与默认的单手指滑动滚动相比）

有相当多的javascript解决方案（sencha touch和iscroll是最有前途和最先进的）

我会推荐最酷的触摸滚动脚本。它也适用于android，但由于默认的android浏览器（尽管基于webkit的浏览器）不支持与mobile safari一样好的css3 3d加速属性，因此它的运行速度较慢

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

请参阅：