Hammer JS轻扫不在文档正文中

时间:2015-10-28 11:42:03

标签: javascript mobile touch hammer.js gestures

我使用HammerJS来检测触摸屏设备上的左侧滑动。每次用户在触摸屏设备上浏览时向页面的任何位置滑动,我都会尝试打开滑出式菜单。它在纵向模式下工作正常,但在横向模式下无效。我认为这可能是因为方向可能从左向上/向下变化,但是当设备是风景时,警报根本不会发生。页面顶部有一个固定位置的菜单栏,当它向左滑动时它总是有效,但在页面的其余部分没有。 iOS Safari,Android浏览器,Chrome和Firefox也会出现同样的问题。

我在HammerJS文档中注意到它说'#34;当调用Hammer()来创建一个简单的实例时,平移和滑动识别器被配置为仅检测水平手势。" (http://hammerjs.github.io/recognizer-pan/)。这可能是问题的原因吗?在风景中什么是水平手势变成垂直?如果有,是否有解决方法?

有什么想法吗?感谢。

Hammer = require "hammerjs"

@body = new Hammer document.body

@body.on "panend", (e) =>

    alert "panned!"

    e.preventDefault()

    if e.direction is Hammer.DIRECTION_LEFT

        # open the menu

0 个答案:

没有答案