¿Cómo oculto (pero no deshabilito) las barras de desplazamiento en el iPad mientras se desplaza?

Question

Estoy trabajando con el iPad (safari móvil):

Pregunta: ¿Alguien sabe cómo ocultar las barras de desplazamiento en el iPad?

Ya he analizado el estilo de barra de desplazamiento webkit usando :: - webkit-scrollbar ... Esto no funciona para las barras de desplazamiento de la ventana principal.

Escenario: Tengo una imagen que se repite dentro de un div que es más de 10,000px por 10,000px. Quiero que el usuario pueda deslizar la pantalla para moverse por esta gran div, que es esencialmente una gran imagen, SIN que aparezcan las barras de desplazamiento.

Necesito la funcionalidad de las barras de desplazamiento, solo necesito que estén ocultas.

Sugerencias?

Gracias por su ayuda! -slwd

Answer 1

Usted puede ser capaz de utilizar la biblioteca TouchScroll: http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/

De lo contrario, lo que haría overflow: hidden se establece en su div y luego usar JavaScript para implementar el desplazamiento. Esto requerirá escuchar touchstart, touchmove y touchend events, y mover la posición x/y de su imagen en consecuencia. Si necesita reducir la velocidad de fricción (similar a lo que está integrado en las vistas de desplazamiento en Safari móvil), puede implementar eso también. Mantenga un registro del dx/dy entre eventos touchmove, utilícelo como velocidad de inicio para cuando recibe un touchend, luego use setInterval como un temporizador para aplicar la fricción hasta un umbral mínimo en el que detenga la animación.

Answer 2

Esto es una especie de truco, pero: Haga que su UIWebView sea aproximadamente 10 px más alto y más ancho que la pantalla.

(Inspirado en someone asking the opposite question.)