TA的每日心情 | 开心 2019-6-4 09:24 |
---|
签到天数: 5 天 [LV.2]偶尔看看I
注册会员

- 积分
- 61
|
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 这个类设置一个宽度 宽度自己给就行了 最好是百分比
|
|