idangerous.swiper.js是一款强大的移动端触屏图片切换插件,支持左右或者上下切换,适合做一些很炫的特效。这次做app有个图片切换并且父级的背景也跟着前面图片换,如下图:
让它适配手机,这个框架必须给
swiper-container或者swiper-wrapper的高度,否则高度会使用插件里设置的。ios和android显示的还不一样,所以我针对ios和android个写了一套。给swiper-container加上下padding值才能使里面的swiper-slider的图片和swiper-container的底部有间距。疑惑的是获取不到swiper-slide-active的宽度,然后就直接获取它的父级或者父级的父级。