Swiper中文论坛

标题: swiper与js冲突自动正向轮播和逆向轮播不一样？？ [打印本页]

作者: xzc 时间: 2019-8-21 14:33
标题: swiper与js冲突自动正向轮播和逆向轮播不一样？？
本帖最后由 xzc 于 2019-8-21 14:40 编辑

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

作者: xzc 时间: 2019-8-21 14:34
<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
         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

:Q:Q:Q:Q

作者: xzc 时间: 2019-8-22 14:16

:'(:'(

作者: lesliehuang 时间: 2019-12-9 19:09
中国在坚持家庭承包经营基础上,积极培育新重庆欢乐生肖型农业经营主体,提高农业生产经营的组织化程度。截至2019年6月,全国依法登记的农民合作社达到221.1万家,其中农机合作社7.3万个。

   农业信息基础设施逐渐完备

   随着科技发展,中国农业开奖网农村信息化从无到有、从弱到强,成为推动农业生产的主要动力,对提高农业生产效率、改善农民基本北京pk10生活状况、促进农村现代化起到重要作用。

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)