Swiper中文论坛

标题: 关于使用swiper插件最后一个或者多个显示不全的问题解答 [打印本页]

作者: 啊哈哈呀 时间: 2019-5-16 08:31
标题: 关于使用swiper插件最后一个或者多个显示不全的问题解答
swiper 最后一个显示不完全，但是能拖出来，可是一放手又回去了，想必大家遇到过虽然很简单但是不细心还是会耽误大家时间的我遇到之后浪费了我两三个小时才解决一直看官方文档自己测试
最后总结写代码要注意细节很重要很重要很重要！

解决办法：
下面是官方示例：
<script> var mySwiper = new Swiper('.swiper-container',{slidesPerView : 2,//'auto'//slidesPerView : 3.7,//如果设置为auto（例如制作全屏展示时的页脚部分），最后一个slide在键盘或鼠标滚动时可能会直接跳到倒数第三个slide，//此时可以手动设置activeIndex解决，如下 onTransitionEnd: function(swiper){ if(swiper.progress==1){ swiper.activeIndex=swiper.slides.length-1 } }})</script>

app解决的办法 pc还没遇到过：
slidesPerView这个字段设为'auto' 字段记得加上单引号或者双引号
然后页面的swiper-slide 类的元素会占满整个屏幕只需要给 swiper-slide 这个类设置一个宽度宽度自己给就行了最好是百分比

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)