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中文APi、优秀作品示例和资源下载。