Hammer.js事件阻止水平網站的滾動

Question

Hammer.js（v2.0.1）水龍頭事件在水平滾動網站上正常工作，但阻止正常平移/滾動內容。

Answer 1

這是因爲Hammer.js將touch-action屬性設置爲pan-y，這對於垂直滾動網站是有意義的，但對於水平滾動網站不適用。

因此，要解決這個問題，添加touch-action: 'pan-x'到你的選擇變量，像這樣：

var hammertime = new Hammer(element, { 
    touchAction: 'pan-x' 
}); 

Hammer.js'維基放倒我：Hammer.js Github wiki

這裏是關於touch-action的一些信息：MSDN