刷卡器，如何实时翻译X

Question

我想实时获得swiper-wrapper翻译X。我将使用实时translateX来做一些工作。

swiper.on('sliderMove', function onSliderMove() {
  console.log(this.getTranslate(), this.translate); //-64 -64, or maybe other value, but not -320
});

我听sliderMove事件，但结果不正确。

我检查swiper-wrapper元素，样式是

transition-duration: 0ms; 
transform: translate3d(-320px, 0px, 0px);

我希望this.getTranslate()的价值应该是-320，而不是-64

Answer 1

监听setTranslate事件将起作用。

swiper.on('setTranslate', function onSliderMove() {
  console.log(this.translate);
});