Javascript Swipe.js-简单检测用户'；s滚动方向（向后还是向前？）

我确信这很简单，但目前对我来说太复杂了

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

Swipe.js:

可用功能：

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

Swipe的简单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;
  }
});

var slideridex=0；
window.myswip=new swip（document.getElementById（'slider'）{
回调：函数（索引，元素）{
如果（索引<滑块索引）{
//向后
}否则{
//转发
}
sliderIndex=索引；
},
transitionEnd：函数（索引，元素）{
如果（索引<滑块索引）{
//向后
}否则{
//转发
}
sliderIndex=索引；
}
});

检查API文档中的slideNextTransitionStart、slideNextTransitionEnd、slidePrevTransitionStart、slidePrevTransitionEnd

尝试查看发送到回调函数的内容。看看什么是索引，什么是元素。然后看看这两个参数可以做什么。可以在对象外部设置一个变量来跟踪索引，然后在

回调

或

transisitionend

中将该值与给定的当前索引进行比较。