查看: 1564|回复: 1
打印 上一主题 下一主题

请问下transitionStart能判断是上滑动还是下滑动嘛

[复制链接]

该用户从未签到

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2019-3-24 23:31:01 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
我上js代码,有个需求就是必须三页滑动完才能浏览后面网页的内容。我需要知道的是当用户滑动到第三页的时候,如果他往下滑动就可以让他看网页后的内容,如何往上滑动就到swiper 的第二屏,但是我判断不出来是往上还是往下滑动。
  var swiper = new Swiper('.swiper-container',{
    direction : 'vertical',
    followFinger : false,
    speed:800,
    mousewheel: true,
    pagination : {
      el:'.swiper-pagination',
    },   
    on:{
      init:function(swiper){
        slide=this.slides.eq(0);
        slide.addClass('ani-slide');
      },
      transitionStart: function(e){
        for(i=0;i<this.slides.length;i++){
          slide=this.slides.eq(i);
          slide.removeClass('ani-slide');
        }
      },
      transitionEnd: function(){
        var { activeIndex } = this
        slide=this.slides.eq(activeIndex);
        if (activeIndex === 2) {
          // swiper.allowSlideNext = false;
          swiper.mousewheel = false;
          // allowSlidePrev = false;
        }
        slide.addClass('ani-slide');
      },
    }
  });



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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-1 12:30 , Processed in 0.063594 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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