Angular 2 移动手势阻止垂直滚动

Question

移动手势会阻止页面上的垂直滚动。

例如，我有以下 div：

<div (swipeleft)="onSwipeLeft()" (swiperight)="onSwipeRight()">
contents....
</div>

当我向左滑动或向右滑动时，它可以正常工作，但是内容较长的页面存在问题，它不允许在此类页面上垂直滚动。

Answer 1

因为hammerjs 滑动是建立在CSS“ touch-action ”属性之上的，iOS 不支持。 http://caniuse.com/#feat=css-touch-action

更新：您可以通过进入hammer.js 文件并稍作修改来解决此问题。 注释掉下面分别靠近 1262 和 1307 行的两个代码块。

首先这个...

if (this.manager.session.prevented) {
  srcEvent.preventDefault();
  return;
}

然后注释掉这个函数的主体。

preventSrc: function(srcEvent) {
  this.manager.session.prevented = true;
  srcEvent.preventDefault();
}

重建您的应用程序，然后更改您的主 html 文件以指向这个新修改的锤子文件。