doutui 发表于 2020-8-31 19:27:07

swiper跟canvas的冲突 求解

用canvas 动画,swiper正常轮播的时候不执行,反向就可以ca1()
ca2()
是 canvas
counTo也能正常运行
       var mySwiper = new Swiper('.swiper-container-i4', {
            loop: true,
            on: {
                slideChangeTransitionEnd: function () {
                  if (this.realIndex == 0) {
                        ca1()
                        ca2()
                        $(".swiper-slide-i4-1 .b-list li span").countTo({
                            lastSymbol: " ", //显示在最后的字符
                            from: 0, // 开始时的数字
                            speed: 2000, // 总时间
                            refreshInterval: 100, // 刷新一次的时间
                            beforeSize: 0, //小数点前最小显示位数,不足的话用0代替
                            decimals: 0, // 小数点后的位数,小数做四舍五入
                            onUpdate: function () { }, // 更新时回调函数
                            onComplete: function () {
                              for (i in arguments) {
                                    //console.log(arguments);
                              }
                            }
                        });
                  }
                  if (this.realIndex == 1) {
                        $(".swiper-slide-i4-2 .list1 li span").countTo({
                            lastSymbol: " ", //显示在最后的字符
                            from: 0, // 开始时的数字
                            speed: 2000, // 总时间
                            refreshInterval: 100, // 刷新一次的时间
                            beforeSize: 0, //小数点前最小显示位数,不足的话用0代替
                            decimals: 0, // 小数点后的位数,小数做四舍五入
                            onUpdate: function () { }, // 更新时回调函数
                            onComplete: function () {
                              for (i in arguments) {
                                    //console.log(arguments);
                              }
                            }
                        });
                  }
                },

            },
            effect: 'fade',
            navigation: {
                nextEl: '.swiper-button-next-i4',
                prevEl: '.swiper-button-prev-i4',
            },
            observer: true, //修改swiper自己或子元素时,自动初始化swiper
            observeParents: true, //修改swiper的父元素时,自动初始化swiper
      });


页: [1]
查看完整版本: swiper跟canvas的冲突 求解