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

JavaScript019

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的框架库,主用于平台兼容,应用在比如连版广告等需要滑动操作的地方,局限性比较小。

jQuery是前端开发的一个js框架,主要应用在pc端。包括选择器、动画、ajax等一系列方法。

而swiper是移动端的触摸滑动插件,应用在比如连版广告等需要滑动操作的地方。局限性比较小。

两者之前并没有直接关系。

swiper.js 没有限制slider的高度,因为考虑到图片的不规则性,限制了高度,对于一些过大或者过小的图片会造成失真,你可以通过自己设置slider的高度,通过overflow:hidden来避免失真。