查看: 2773|回复: 0
打印 上一主题 下一主题

关于使用swiper插件 最后一个或者 多个显示不全的问题解答

[复制链接]
  • TA的每日心情
    开心
    2019-6-4 09:24
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    2

    主题

    14

    帖子

    61

    积分

    注册会员

    Rank: 2

    积分
    61
    跳转到指定楼层
    楼主
    发表于 2019-5-16 08:31:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    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 这个类设置一个宽度 宽度自己给就行了 最好是百分比





    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-4-25 09:13 , Processed in 0.102474 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表