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