查看: 89|回复: 0

滑动失效问题

[复制链接]
  • TA的每日心情
    郁闷
    2020-6-19 14:19
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    6

    帖子

    16

    积分

    新手上路

    Rank: 1

    积分
    16
    发表于 2020-6-19 14:19:08 | 显示全部楼层 |阅读模式
    使用的是官网PC应用的DEMO,单独可以运行引入项目之后无法左右滑动,有没有大佬知道问题在哪,代码贴在下面 1592547326(1).jpg

            <div class="sxiangmu">
                                            <div id="certify">
                                            <div class="swiper-container">
                                            <div class="swiper-wrapper">
                                            <div class="swiper-slide"><p>非常难得又值钱的认证证书</p></div>
                                            <div class="swiper-slide"><p>深圳市优秀互联网企业认定证书</p></div>
                                            <div class="swiper-slide"><p>质量管理体系认证荣誉证书</p></div>
                                            <div class="swiper-slide"><p>计算机软件著作权登记证书</p></div>
                                            <div class="swiper-slide"><p>增值电信业务经营许可证</p></div>
                                            </div>
                                            </div>
                                   
                                            </div>

                                    </div>
                                    <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
                                    <script>
                            var        certifySwiper = new Swiper('#certify .swiper-container', {
                                            watchSlidesProgress: true,
                                            slidesPerView: 'auto',
                                            centeredSlides: true,
                                            loop: true,
                                            loopedSlides: 3,
                                            autoplay: true,
                                            on: {
                                                    progress: function(progress) {
                                                            for (i = 0; i < this.slides.length; i++) {
                                                                    var slide = this.slides.eq(i);
                                                                    var slideProgress = this.slides.progress;
                                                                    modify = 1;
                                                                    if (Math.abs(slideProgress) > 1) {
                                                                            modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
                                                                    }
                                                                    translate = slideProgress * modify * 260 + 'px';
                                                                    scale = 1 - Math.abs(slideProgress) / 5;
                                                                    zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                                                                    slide.transform('translateX(' + translate + ') scale(' + scale + ')');
                                                                    slide.css('zIndex', zIndex);
                                                                    slide.css('opacity', 1);
                                                                    if (Math.abs(slideProgress) > 3) {
                                                                            slide.css('opacity', 0);
                                                                    }
                                                            }
                                                    },
                                                    setTransition: function(transition) {
                                                            for (var i = 0; i < this.slides.length; i++) {
                                                                    var slide = this.slides.eq(i)
                                                                    slide.transition(transition);
                                                            }
                                   
                                                    }
                                            }
                                   
                                    })
                                    </script>


    回复

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2020-7-17 00:19 , Processed in 0.116868 second(s), 31 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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