关于Swiper

Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动web apps,native apps和hybrid apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。因此,如需在PC上兼容更多的浏览器,可以选择Swiper2.x(甚至支持IE7)。

  swiper3.x swiper2.x
引入文件 swiper.min.js或swiper.jquery.min.js
swiper.min.css
idangerous.swiper.min.js
idangerous.swiper.css
移动机制 transform transform或left/top
布局方式 flex或一般布局,wrapper宽度为第一个slide 一般布局,wrapper宽度为slide总和
更新 停止更新 稳定版本3.4.2 停止更新 稳定版本2.7.6
兼容性 部分PC端浏览器,主流移动端浏览器 PC端浏览器,IE7+,部分移动端浏览器
支持IE7需引入JQuery
参数名差异
滑动方向 direction mode
free模式动量 freeModeMomentumRatio momentumRatio
偏移量 slidesOffsetBefore offsetPxBefore
3d流 coverflow tdFlow
导航按钮 prevButton、nextButton swipePrev、swipeNext
跳转至 slideTo、slidePrev、slideNext swipeTo、swipePrev、swipeNext

 

我们致力于Swiper在国内的推广

Swiper中文网在原文翻译的基础上增加了Swiper在线演示、Swiper中文教程、Swiper中文APi、优秀作品示例和资源下载。

网站历史


越来越多的优秀网站使用Swiper