hammer.js scroll не работает с событиями pinchin и pinchout

Question

Я использую hammer.js, чтобы поймать события pinchin и pinchout и изменить размер шрифта страницы. Итак, я написал следующий код:

 var touch_area = document.getElementById('touch-area'); 
     var hammertime = Hammer(touch_area).on("pinchin pinchout", function (ev) { 
      //alert(ev.type); 
      if(ev.type=="pinchin") 
       decreaseFontSize(); 
      else 
       increaseFontSize(); 

     }); 

Он работает, но отключает вертикальную прокрутку. Как я могу это решить? Какие-либо предложения?

Answer 1

попробуйте добавить этот CSS:

body {overflow-y:scroll;} 

если позже, вы хотите как вертикальные и горизонтальные полосы прокрутки включены, используйте этот

body{ overflow: scroll; } 

Answer 2

применить CSS свойство вашего (# сенсорный области) Div

#touch-area{ 
 
touch-action: pan-x pan-y !important; 
 
}

hammer.js ущипнуть, pincin, выклинивание события всегда добавить сенсорное действие: нет собственности, чем наша scroling собственности не работает

Answer 3

работ Ашиш Maradiya прекрасно для меня, но только на андроид.

После долгих исследований я достиг, чтобы сделать это в Android и iphone, используя только этот код:

var mc = new Hammer.Manager(myElement, { 
     touchAction: 'manipulation' 
    }); 
    mc.add([new Hammer.Pinch()]); 

    mc.on("pinchin", function (ev) { 
     //code 
    }); 
    mc.on("pinchout", function (ev) { 
     //code 
    });