swiper.js中怎么获取滑动前后的位移值?

JavaScript07

swiper.js中怎么获取滑动前后的位移值?,第1张

普通模式:(当前块-之前块)x宽度

move=(mySwiper.activeIndex-mySwiper.previousIndex)*mySwiper.width 。

free模式:现在第一块的相对swiper位置-滑动之前位置

onFirstInit: function(swiper){

location1=mySwiper.slides[0].getOffset().left

}

其他事件{

location2=mySwiper.slides[0].getOffset().left

move=location2-location1-mySwiper.positions.start

}

swiper是个功能插件,使用在移动端,相当于jm,jq是javascript的框架库,主用于平台兼容,应用在比如连版广告等需要滑动操作的地方,局限性比较小。

这个注意看swiper的文档就可以了,可以使用jquery动态添加元素,然后调用swiper的update()方法即可。下面是一个小例子,记得把swiper和jquery引入进来。

Swiper常用于移动端网站的内容触摸滑动。

Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!