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

查看数: 2319 | 评论数: 5 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
xzc
发布时间: 2019-8-21 14:33

正文摘要:

本帖最后由 xzc 于 2019-8-21 14:40 编辑 我这个是在三个swiper-slide中其中一个写的div,每次轮播到这个swiper-slide的时候用定时器scrollTop++滚动。当设置自动轮播正向滚动的时候把这个swiper-slide放在第三 ...

回复

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

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

GMT+8, 2024-5-4 04:35 , Processed in 0.062062 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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