Я занимаюсь созданием адаптивного мобильного сайта. При тестировании на своем телефоне я заметил, что не могу прокручивать по вертикали то, что можно прокручивать по горизонтали.
Вот пример того, что я имею в виду (извините, вы не видите горизонтальную прокрутку на своем телефоне, но просто поверьте мне, что она работает).
Мобильные браузеры Webkit не могут прокручивать таблицу в этом примере: http://jsfiddle.net/tArEy/ а>
Затем я закомментировал следующую строку, чтобы заставить работать вертикальную прокрутку. Однако это сделало горизонтальную прокрутку немного прерывистой.
-webkit-overflow-scrolling: touch;
Мобильные браузеры Webkit могут прокручивать таблицу в этом примере, но это немного более глючно. http://jsfiddle.net/tArEy/1/
Кто-нибудь знает, как это исправить, используя только CSS?
Демонстрации должны быть протестированы в браузере. (Я использую браузер Chrome на Android. Я предполагаю, что у iPhone такая же проблема).
Изменить:
Оказывается, горизонтальная прокрутка ужасно глючит в мобильных браузерах webkit без следующей строки в вашем CSS:
-webkit-overflow-scrolling: touch;
Однако эта строка делает невозможным прокрутку по вертикали, поэтому я как бы стою на месте. Другие браузеры, не поддерживающие WebKit, прекрасно прокручиваются по горизонтали.
Редактировать 2:
В руки попал айфон. прокрутка переполнения аппаратно ускорена и работает безупречно. Похоже, проблема связана только с Chrome для Android.