咨询电话:
15628812133
27
2023/10

swiper点击标题切换

发布时间:2023-10-27 19:15:41
发布者:·
浏览量:
0

swiper点击标题切换

    今天,设计师给了这样一张图,要求点击上边的白字实现切换,本身是很简单的一个东西,刚开始我想的是sildetoloop方法来实现跳转,具体思路如下:


swiper点击标题切换

    点击上边的五个div的时候,取到所属的index,然后根据index来跳转所对应的siwper的第几个,跳转很成功,但是发现了以一个小问题,当使用如上跳转方法时会导致tool循环失效如下图所示。这个问题没有解决陷入了困难。


swiper点击标题切换

    这边猜测可能是因为自己写的跳转没有走swiper的js,所以去翻了一下swiper的官网,发现了另一个东西。

swiper点击标题切换

其实swiper点击指示点也可以跳转,我们可以直接修改swiper指示点的样式,达到切换的效果,此次切换正常。

swiper点击标题切换

swiper点击标题切换

关键词:
返回列表