javascript - Hammer.js 2.0 仅水平捏合

Question

有没有一种方法可以使用 Hammer.js 在 HTML 元素上设置捏合事件以仅允许水平轴上的捏合事件？我希望垂直轴用于标准页面滚动。

当我设置水平平移时，垂直页面滚动有效。当我设置水平平移和捏合时，垂直页面滚动停止工作。即使用一根手指滚动也会停止工作。

        var hammerEl = Hammer(element);
        var pan = new Hammer.Pan({
            direction: Hammer.DIRECTION_HORIZONTAL
        });
        var pinch = new Hammer.Pinch({
        });
        hammerEl.add(pan);
        hammerEl.add(pinch);

http://jsfiddle.net/ph1mpzm1/

Answer 1

我想通了。我将 touchAction: "pan-y" 添加到 Hammer 管理器。

文档:http://hammerjs.github.io/touch-action/

修改后的测试:http://jsfiddle.net/ph1mpzm1/1/