Angular2，HammerJs，swipeup不能用于android

Question

我有一个ngFor项目列表。每个项目都有一个swipeleft / swiperight指令，显示删除按钮。 （想想iOS消息交互）。然而，当我去swipeup，好像要滚动列表，我没有得到任何与Android操作系统的滚动。它确实识别事件，因为我可以添加调试，并在触发swipeup时获得响应，但是，它实际上并不滚动列表。在iOS上，我没有问题。

以下是我发现的一些代码，希望能让它工作，但在Android上没有运气。

export class MyHammerConfig extends HammerGestureConfig  {
    overrides = <any>{
        'swipe': {velocity: 0.2, threshold: 10, direction: 31}
    }
}

我只是使用基本的hammerjs指令进行幻灯片事件。

<div  class='list-item-hidden'   *ngFor="let conversation of conversationList" (swipeleft)="openMenu(conversation)" (swiperight)="openMenu(conversation)">

是否需要使用Hammerjs和swipeup事件对待android？

Answer 1

你需要将这个css添加到你的dom元素

 touch-action: pan-x pan-y !important;