xzc 发表于 2019-8-21 14:33:17

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

本帖最后由 xzc 于 2019-8-21 14:40 编辑

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

xzc 发表于 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>

xzc 发表于 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);
      }
      }
    },
},

xzc 发表于 2019-8-21 14:38:31

:Q:Q:Q:Q:Q:Q:Q:Q:Q:Q:Q:Q:Q:Q

xzc 发表于 2019-8-22 14:16:07

:'(:'(:'(:'(:'(:'(:'(:'(:'(:'(:'(:'(

lesliehuang 发表于 2019-12-9 19:09:04

中国在坚持家庭承包经营基础上,积极培育新 重庆欢乐生肖型农业经营主体,提高农业生产经营的组织化程度。截至2019年6月,全国依法登记的农民合作社达到221.1万家,其中农机合作社7.3万个。
      
      农业信息基础设施逐渐完备
      
      随着科技发展,中国农业开奖网农村信息化从无到有、从弱到强,成为推动农业生产的主要动力,对提高农业生产效率、改善农民基本北京pk10生活状况、促进农村现代化起到重要作用。
页: [1]
查看完整版本: swiper与js冲突 自动正向轮播和逆向轮播不一样??