无法在 iPad 上滚动网页

Posted 2023-03-12

【中文标题】无法在 iPad 上滚动网页

【英文标题】：Cannot scroll web page on iPad

【发布时间】：2011-06-19 14:36:45

【问题描述】：

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

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

容器的 CSS 属性是：

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

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

在 iPad 上，无法滚动。我究竟做错了什么？ 顺便说一句：调整大小也不能在方向改变时正常工作。也许是有联系的。

【问题讨论】：

见：***.com/questions/3845445/…

【参考方案1】：

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

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

我会推荐http://cubiq.org/iscroll-4，这是目前最酷的触摸滚动脚本。它也适用于 android，但速度较慢，因为默认的 android 浏览器虽然基于 webkit，但并不像移动 safari 那样支持 css3 3d 加速属性。

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