Safari 中的 Hammerjs：滚动问题

Question

我想允许水平滑动事件并保持垂直滚动。 所以用这个：

touch-action: pan-y !important;

但 Safari 不支持“触摸动作”。 HammerJS preventDefaults 无法检测到“touch-action: pan-y” css，因此它阻止了滚动。

因此，滑动效果很好，但无法滚动 Safari。滑动和滚动都可以在其他支持“触摸动作”的浏览器上工作。

我正在使用 angular2。

<div (swipeleft)="swipe($event)" (swiperight)="swipe($event)">

请帮忙！有没有我遗漏的配置。

Answer 1

我找到了解决办法

1) 将此添加到 app.module.ts

export class BaluHammerConfig extends HammerGestureConfig {
    overrides = {
        pan: {
             direction: 6
      },
      pinch: {
          enable: false
      },
      rotate: {
          enable: false
      }
  };
}

2) 不要将 HammerGestureConfig 添加到您的提供程序，而是使用以下命令：

{
    provide: HAMMER_GESTURE_CONFIG,
    useClass: BaluHammerConfig
},