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，但由于默认的Android浏览器虽然基于webkit不支持css3 3d加速属性和移动safari一样好，但是相当缓慢。

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