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,
});

這個嘗試