Cómo deshabilitar el rebote vertical / desplazamiento en iPhone en una aplicación web móvil

Como dice el título, necesito desactivar el rebote vertical en el iPhone en mi aplicación de formulario web móvil. He intentado muchas cosas diferentes, pero la mayoría de ellas desactiva mi forma o desplazamiento horizontal y rebote también. ¿Algunas ideas

Estoy usando jquery.mobile por cierto:)

Update: en realidad logré que el código de la primera respuesta funcionara un poco:

function stopScrolling( touchEvent ) { touchEvent.preventDefault(); }
document.addEventListener( 'touchstart' , stopScrolling , false );
document.addEventListener( 'touchmove' , stopScrolling , false );

La razón por la que no pude hacerlo funcionar en primer lugar, fue porque en realidad había un margen en mi cuerpo (estúpido). Pero. Como el diseño es fluido y estoy usando jquery.mobile y tengo<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> en el encabezado (creo) no funciona correctamente. La página está alejada (vista desde un navegador de escritorio) y el zoom está deshabilitado. Sin el código, la página se escala perfectamente desde un televisor de 50 "hasta la nokia más pequeña del planeta.

¿Estoy haciendo algo mal? Estoy empezando a pensar que el problema es causado porque el cuerpo / contenido de alguna manera supera el 100% de la ventana gráfica. No tengo idea de cómo.

Respuestas a la pregunta(4)

Su respuesta a la pregunta