hammer.js滾動不與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。

經過大量的研究，我取得了這樣做在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 
    });