Swiper，如何实时获取 translateX？

Question

我想实时获取swiper-wrapper 的 translateX。我会使用实时的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);
});