Angular 8：HammerJs swipeRight 和 swipeLeft 在溢出内不起作用：auto答案

【问题标题】：Angular 8: HammerJs swipeRight and swipeLeft not working inside overflow:autoAngular 8：HammerJs swipeRight 和 swipeLeft 在溢出内不起作用：auto
【发布时间】：2020-03-28 02:45:51
【问题描述】：

我正在制作一个在手机上运行的应用程序。我希望能够在可滚动容器内使用滑动事件。现在，如果我使用 (swipeRight)="" 或 (swipeLeft)="" 事件工作正常，但我可以在容器内滚动。

我尝试过为 Hammerjs 使用手势配置，但它只能垂直工作，如下所示：

export class MyHammerConfig extends HammerGestureConfig {
    overrides = <any> {
        'pinch': { enable: false },
        'rotate': { enable: false }
    }
}

providers: [
    {
        provide: HAMMER_GESTURE_CONFIG,
        useClass: MyHammerConfig
    }
],

有没有办法在工作的可滚动容器内同时触发事件(swipeRight) 和(swipeLeft)？

【问题讨论】：

标签： angular typescript hammer.js

【解决方案1】：

使用这个

 overrides = <any> {
        'swipe': {direction: Hammer.DIRECTION_HORIZONTAL,velocity: 0.1},
        'pinch': { enable: false },
        'rotate': { enable: false }
    }

【讨论】：