Как скрыть (но не отключить) полосы прокрутки на iPad во время прокрутки?

Question

Я работаю с iPad (мобильное сафари):

Вопрос: Кто-нибудь знает, как спрятать полосы прокрутки на iPad?

Я уже изучил стилизацию полосы прокрутки webkit, используя :: - webkit-scrollbar ... Это не работает для полос прокрутки основных окон.

Сценарий: У меня есть повторяющееся изображение внутри div, размер которого превышает 10000 на 10000 пикселей. Я хочу, чтобы пользователь мог перемещаться по экрану, перемещаясь по этому огромному элементу, который по сути является одним большим изображением, БЕЗ полос прокрутки.

Так что мне нужны функциональные возможности полос прокрутки, мне просто нужно, чтобы они были скрыты.

Предложения

Спасибо за вашу помощь! -slwd

Answer 1

Это своего рода хак, но: сделайте ваш UIWebView примерно на 10 пикселей выше и шире экрана.

(Вдохновленный кто-то задает противоположный вопрос .)

Answer 2

Возможно, вы сможете использовать библиотеку TouchScroll: http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/

В противном случае, я бы установил overflow: hidden на вашем div и затем использовал JavaScript для реализации прокрутки. Это потребует прослушивания событий touchstart, touchmove и touchend, а также соответствующего перемещения положения x / y вашего изображения. Если вам нужно замедление трения (подобное тому, что встроено в прокручиваемые представления в мобильном Safari), вы также можете реализовать это. Отслеживайте dx / dy между событиями touchmove, используйте это в качестве начальной скорости при получении касания, затем используйте setInterval в качестве таймера, чтобы применить трение до некоторого минимального порога, при котором вы останавливаете анимацию.