查看: 652|回复: 5

swiper与js冲突 自动正向轮播和逆向轮播不一样??

[复制链接]
  • TA的每日心情
    开心
    2019-8-22 08:25
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    29

    积分

    新手上路

    Rank: 1

    积分
    29
    发表于 2019-8-21 14:33:17 | 显示全部楼层 |阅读模式
    本帖最后由 xzc 于 2019-8-21 14:40 编辑

    SCR1~@B]{Z8T~ZI[L36Q)$W.png 我这个是在三个swiper-slide中其中一个写的div,每次轮播到这个swiper-slide的时候用定时器scrollTop++滚动。当设置自动轮播正向滚动的时候把这个swiper-slide放在第三个或者第一个每次轮播到它就滚不动了,如果设置逆向轮播滚动放在哪个位置都可以??这是为啥呢。难道正向轮播和逆向轮播刷新机制还不一样吗
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2019-8-22 08:25
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    29

    积分

    新手上路

    Rank: 1

    积分
    29
     楼主| 发表于 2019-8-21 14:34:36 | 显示全部楼层
        <div class="swiper-wrapper">

          <div class="swiper-slide">01<img src="../static/01.png"/></div>
                      <div id="parent1" class="parent swiper-slide">
                            <div id="child1" class="child">
                 <li>1</li>
                 <li>2</li>
                 <li>3</li>
                 <li>4</li>
                 <li>5</li>
                             <li>6</li>
                 <li>7</li>
                             <li>8</li>
                 <li>9</li>
                             <li>10</li>
                        </div>
            </div>
          <div class="swiper-slide">02<img src="../static/02.png"/></div>
            
        </div>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-8-22 08:25
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    29

    积分

    新手上路

    Rank: 1

    积分
    29
     楼主| 发表于 2019-8-21 14:35:29 | 显示全部楼层
               on:{
        slideChangeTransitionEnd:function(){

            var parent0 = document.getElementById('parent1');
        var child0 = document.getElementById('child1');
        var child_w = child0.offsetHeight;
        var parent_w = parent0.offsetHeight;

          if(this.realIndex==1) //当跳档第2个的时候检查一下是否需要轮播
            {
             //如果存在滚动条           
            

                if (parent_w >= child_w) {   //如果不需要轮播
                            window.clearInterval(timer);
                            timer = null;
                            mySwiper.autoplay.start();
                            }
                            else{
                            //如果有滚动条
            parent0.scrollTop = 0;
            mySwiper.autoplay.stop();
            setScroll();
                            
                            }
                            

            }else{
            if(timer)
            {
            window.clearInterval(timer);
            }
            }
        },
      },
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-8-22 08:25
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    29

    积分

    新手上路

    Rank: 1

    积分
    29
     楼主| 发表于 2019-8-21 14:38:31 | 显示全部楼层
    :Q:Q:Q:Q
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2019-8-22 08:25
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    29

    积分

    新手上路

    Rank: 1

    积分
    29
     楼主| 发表于 2019-8-22 14:16:07 | 显示全部楼层
    :'(:'(
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    9

    帖子

    25

    积分

    新手上路

    Rank: 1

    积分
    25
    发表于 2019-12-9 19:09:04 | 显示全部楼层
    中国在坚持家庭承包经营基础上,积极培育新 重庆欢乐生肖型农业经营主体,提高农业生产经营的组织化程度。截至2019年6月,全国依法登记的农民合作社达到221.1万家,其中农机合作社7.3万个。
          
          农业信息基础设施逐渐完备
          
          随着科技发展,中国农业开奖网农村信息化从无到有、从弱到强,成为推动农业生产的主要动力,对提高农业生产效率、改善农民基本北京pk10生活状况、促进农村现代化起到重要作用。
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2020-8-6 23:24 , Processed in 0.147877 second(s), 30 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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