无法在iPad上滚动网页

Cannot scroll web page on iPad

本文关键字：滚动 网页 iPad      更新时间：2023-09-26

在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上，滚动是不可能的。我做错了什么？顺便说一句：调整大小在方向更改时也不能正常工作。也许这是有关联的。

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

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

我建议http://cubiq.org/iscroll-4这无疑是最酷的触摸滚动脚本。它也适用于安卓系统，但由于默认的安卓浏览器（尽管基于webkit）不支持css33d加速属性，因此速度较慢。

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

相关文章：