使用hammer.js在Android中的Chrome中启用水平和垂直滚动

时间:2015-03-27 19:31:37

标签: jquery events touch hammer.js

我正在使用hammer.js来识别触摸事件。我想在Android中的Chrome中启用水平和垂直滚动。我可以使用此处建议的解决方案启用垂直滚动: https://github.com/hammerjs/hammer.js/wiki/How-to-fix-Chrome-35--and-IE10--scrolling-(touch-action),使用此代码段:

Hammer.defaults.behavior.touchAction = 'pan-y';

之后,我还在body标签上创建一个锤子实例,以便在所有方向上启用平移和滑动。这是我的代码:

var myElement = document.getElementById('id_on_body');
var mc = new Hammer(myElement);
mc.get('pan').set({ direction: Hammer.DIRECTION_ALL });
mc.get('swipe').set({ direction: Hammer.DIRECTION_ALL });

但结果是一样的。仅启用垂直滚动。如何启用水平滚动?

提前致谢!

1 个答案:

答案 0 :(得分:0)

当我使用pinch并且我需要水平/垂直滚动时,我遇到了这种情况,这是我发现它在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
    });