为了账号安全,请及时绑定邮箱和手机立即绑定

swiper 循环滑动问题

swiper 循环滑动问题

Helenr 2018-09-14 10:22:50
swiper滑到最后一屏可以继续滑动切换到第一屏,我知道有loop这个模式,现在要实现的效果是:比如左右滑动,效果和有loop:true的效果一样,不过就是第一屏不能右滑。请问怎么实现?
查看完整描述

1 回答

?
白猪掌柜的

TA贡献1893条经验 获得超10个赞

var swiper = new Swiper('.swiper-container');

第一屏不能右划, 默认配置就可以实现啊

loop:true; 同时首页不能向右划:

var swiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        onTouchMove: function(swiper){          if(swiper.activeIndex == 1){
            swiper.lockSwipeToPrev();
          }else{
            swiper.unlockSwipeToPrev();
          }
        }
    });


查看完整回答
反对 回复 2018-10-31
  • 1 回答
  • 0 关注
  • 2839 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号