swiper官方自带有一个进度导航条,但不是我所需要的。我想要那种比如,autoplay设为5000,进度导航条会进行逐步增加百分比,当到达5000毫秒时,swiper翻到第二页,进度导航条初始为0重新执行从0-100%的增加。左右翻页后同理。请问这种效果该如何实现呢?如果可以还望能够给予解答,非常感谢!~
swiper官方自带有一个进度导航条,但不是我所需要的。我想要那种比如,autoplay设为5000,进度导航条会进行逐步增加百分比,当到达5000毫秒时,swiper翻到第二页,进度导航条初始为0重新执行从0-100%的增加。左右翻页后同理。请问这种效果该如何实现呢?如果可以还望能够给予解答,非常感谢!~
9 回答9.4k 阅读
6 回答5k 阅读✓ 已解决
5 回答3.6k 阅读✓ 已解决
4 回答8k 阅读✓ 已解决
7 回答10k 阅读
5 回答7.3k 阅读✓ 已解决
5 回答8.3k 阅读
直接手写一个进度条,每当进翻页回调的时候,加一个
class
,这个class
是把进度条的进度调成100%
的,并且加上transition:5s
的过渡,每次翻页就去掉这个class
再加上不就行了