Swiper中文论坛
标题:
swiper跟canvas的冲突 求解
[打印本页]
作者:
doutui
时间:
2020-8-31 19:27
标题:
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
});
欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)
Powered by Discuz! X3.2