Hammer.js 如何识别文档末尾下方的手势

Question

我正在使用 Hammer.js 在单页 Web 应用程序中通过向左/向右滑动手势切换选项卡。每个选项卡都由<div> 表示，它们的切换方式如下：

this.content.style.display = on ? 'block' : 'none';

一些选项卡的内容很少，并且 Hammer.js 无法识别文档末尾以下的手势。但我希望 Hammer 在整个浏览器窗口中保持敏感。我怎样才能实现它？

目前我这样创建 Hammer 实例：

var hammer = new Hammer(document.body);
hammer.on('swipeleft swiperight press', function(ev) {
    ...
}

Answer 1

我无法强迫 Hammer 在 document.body 之外工作。但我可以强制document.body 填满整个窗口。通过 CSS：

body { height: 100% }