無法在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用戶部署該腳本。