Невозможно прокрутить веб-страницу на iPad

Question

На iPad я не могу прокрутить веб-страницу. Он отлично работает в Safari, Chrome и Firefox на OS X.

На странице есть область, в которой содержимое можно прокручивать только по горизонтали. Он состоит из контейнера div, который имеет ширину = 100% и высоту = (100% - 40px). Я устанавливаю высоту с помощью функции JavaScipt, которая запускается событиями изменения размера окна. Внутри этого контейнера находится еще один div с шириной содержимого (очень широкий, чтобы избежать разрывов строк). Внутри это содержание.

CSS-свойства контейнера:

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

См. Страницу и полный исходный код здесь: dcfoto.de

На iPad прокрутка невозможна. Что я делаю неправильно? Кстати, изменение размера также не работает должным образом при изменении ориентации. Может быть, это связано.

Answer 1

К сожалению, необходимо выполнить смахивание двумя пальцами, и даже тогда оно не реагирует (по сравнению со стандартной прокруткой с прокруткой одним пальцем).

Существует довольно много вариантов JavaScript, (senchatouch и iscroll - самые многообещающие и продвинутые)

Я бы порекомендовал http://cubiq.org/iscroll-4, который передает самый крутой сценарий сенсорной прокрутки.Он также работает для Android, но гораздо медленнее, так как стандартный браузер для Android, хотя и на основе Webkit, не поддерживает ускоренные свойства css3 3d так же хорошо, как и мобильные Safari.пользователя и разверните этот скрипт для пользователей Android и Ipad / Iphone.