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);
});

Swiper，如何实时获取translateX？

Swiper, how to get translateX real-time?

swiper