今天,设计师给了这样一张图,要求点击上边的白字实现切换,本身是很简单的一个东西,刚开始我想的是sildetoloop方法来实现跳转,具体思路如下:
点击上边的五个div的时候,取到所属的index,然后根据index来跳转所对应的siwper的第几个,跳转很成功,但是发现了以一个小问题,当使用如上跳转方法时会导致tool循环失效如下图所示。这个问题没有解决陷入了困难。
这边猜测可能是因为自己写的跳转没有走swiper的js,所以去翻了一下swiper的官网,发现了另一个东西。
其实swiper点击指示点也可以跳转,我们可以直接修改swiper指示点的样式,达到切换的效果,此次切换正常。
上一篇: Swiper左右切换箭头如何于外部显示
下一篇: swiper实现切换图片同时切换背景