斯威尔斯发现了滑动方向？

Question

我正在创建一个日历网络应用程序，显示我每天的备忘录。

​

看起来是这样的，我想为移动用户添加一个“滑动”手势。

然后，我意识到了swiperjs。我创建了一个只有1张幻灯片的刷卡，并给了它一个loop。效果很好。

但问题是，滑动指数总是给我1。

使用事件侦听器(如slideChange)，我需要检测滑动方向并加载第二天的备忘录。

是否有特定的事件侦听器(类似于swipeLeft)或返回的值为我提供了方向？

Answer 1

终于找到了。

on: {
  slideChange: (swiper) => {
    console.log(swiper.touches.diff < 0);
  }
}

向右滑动时返回true，左击时返回false。

注意:当导航箭头更改幻灯片时， swiper.touches.diff将为0。要做到这一点，也要向按钮添加事件侦听器。

Answer 2

对我来说，这个效果很好

const direction = swiper.touches.startX > swiper.touches.currentX ? 'forward' : 'backward';