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