HammerJS同时垂直滑动和垂直滚动

Question

我在angular 5上有一个整页网站，它通过上下垂直滑动来进行分页（在desctop版本上，它正在侦听车轮事件）。 在移动设备上，我遇到了一个非隐藏地址栏的严重问题，因为页面上没有滚动（页面具有视口大小）。 所以我的结构看起来像这样：

<div (swipeup)="fnc()" (swipedown)="fnc()">
    Container handling vertical swipes and has touch-action: pan-y property 
    and 100vh height
    <component>Container handles horizontal swipes inside components</component>
</div>

我当前的Hammer配置：

mc.get('pinch').set({enable: false});
mc.get('rotate').set({enable: false});
mc.get('swipe').set({direction: Hammer.DIRECTION_ALL});
mc.get('pan').set({direction: Hammer.DIRECTION_ALL});

并且{ "touchAction": "pan-y" }为处理垂直滑动的容器。

使用此配置，我可以隐藏地址栏进行滚动，但是垂直滑动不起作用（否则在奇怪的情况下会触发超级罕见的情况）。 但是我希望每次滚动结束时都不能触发垂直滑动（当我滚动到底部并且我的地址栏被隐藏时，它应该向同一方向下一次滑动）。

我将非常感谢您以其他方式提供的帮助或建议。

Answer 1

new Hammer(element, {
   inputClass: Hammer.TouchInput,
});

这个尝试