Cómo evitar el arrastre de páginas web pnetworkingeterminadas de iOS con javascript y hammerJS

Estoy creando una aplicación web simple que utiliza la nueva versión de HammerJS para hacer zoom de pellizco. Estoy teniendo un problema con el arrastre pnetworkingeterminado de página de iOS cuando se inicia un pellizco. Esto se combina para anular el evento de pellizco que estoy intentando capturar. Cualquier ayuda que detenga esto mientras usa hammerJS sería muy apreciada.

PS: He intentado utilizar event.preventDefault () en vano.

preventDefault llamar a preventDefault ligeramente diferente a cómo puede estar acostumbrado. Al igual que:

  $('#your_element').on('pinch', function(event) { event.gesture.preventDefault(); }); 

Mira este ejemplo de hammer.js para otro ejemplo.

Coloca esto en tu encabezado:

 <meta name="viewport" content="width=device-width,user-scalable=no"> 

Básicamente, la propiedad escalable por el usuario controla si los usuarios pueden ampliar la página. Entonces, una vez que lo desactivas, puedes controlar el zoom con martillo.

Más información aquí https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag#Viewport_basics

¿Qué estabas llamando preventDefault? Normalmente combino la respuesta de @ Bertrand con algo como esto

 $(body).on('touchmove', function(e){ e.preventDefault(); }); 
    Intereting Posts