javascript - Swipe.js-简单地检测用户的滚动方向(后退还是前进？)

我敢肯定，这很简单，但目前对我来说太复杂了。

Swipe.js（移动滑块）在每张幻灯片上都提供了很多很好的信息，以及可以在幻灯片期间和最后执行的两个功能，但是我很难编写一些简单的逻辑来检测是否用户滚动到下一张幻灯片或上一张幻灯片：

Swipe.js：https://github.com/bradbirdsall/Swipe

可用功能：

window.mySwipe = new Swipe(document.getElementById('slider'), {
  callback: function(index, elem) {},
  transitionEnd: function(index, elem) {}
});

滑动的简单API

Swipe API
Swipe exposes a few functions that can be useful for script control of your slider.

prev() slide to prev

next() slide to next

getPos() returns current slide index position

getNumSlides() returns the total amount of slides

slide(index, duration) slide to set index position (duration: speed of transition in milliseconds)

最佳答案

这样的事情可以带你到那里。您只想在生产环境中的其中一个回调函数中执行此操作，但是我不确定哪一个能准确给出您刚刚过渡到的幻灯片的索引，因此我为您提供了两者。

var sliderIndex = 0;
window.mySwipe = new Swipe(document.getElementById('slider'), {
  callback: function(index, elem) {
      if (index < sliderIndex) {
         //backwards
      }else{
         //forwards
      }
      sliderIndex = index;
  },
  transitionEnd: function(index, elem) {
      if (index < sliderIndex) {
         //backwards
      }else{
         //forwards
      }
      sliderIndex = index;
  }
});

关于javascript - Swipe.js-简单地检测用户的滚动方向(后退还是前进？)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15818773/