在手机上从上往下滑动不能用（锤子js）。

Question

我在我的angular应用中使用hammerjs。我在主页面上有一个图片转盘，我可以向左和向右滑动它，我有一个固定的标题，当我点击我的汉堡包按钮时，菜单打开了，我想从下往上滑动。同时我有一个固定的头，当我点击我的汉堡包按钮时，菜单被打开，我想从下往上滑动它。我试着在我的主页面上评论我的旋转木马组件，当我在上面滑动时，滑动效果很好。我怎样才能解决这个问题？

export class HammerConfig extends HammerGestureConfig {
    public overrides: Record<string, {}> = {
        pinch: { enable: false },
        rotate: { enable: false },
        swipe: { direction: Hammer.DIRECTION_ALL },
    };
}

Answer 1

export class MyHammerConfig extends HammerGestureConfig {
  events: string[] = [];

  overrides: {[key: string]: Object} = {};

  buildHammer(element: HTMLElement): HammerInstance {
    return new Hammer(element, {
      cssProps: Hammer.defaults.cssProps,
      recognizers: [
        [Hammer.Swipe],
        [Hammer.Tap],
      ],
    });
  }
}

在MyComponent.ts中，我有一个固定的标题，当我点击汉堡包按钮时，菜单是...

const hammerConfig = new HtcHammerConfig()
    const hammer = hammerConfig.buildHammer(document.documentElement)

    fromEvent(hammer, "swipe").pipe(
      takeWhile(()=>this.alive))
      .subscribe((res: any) => {

        console.log(res.deltaY<0?'to the top':'to the bottom'  )
      });