今天,設計師給了這樣一張圖,要求點擊上邊的白字實現(xiàn)切換,本身是很簡單的一個東西,剛開始我想的是sildetoloop方法來實現(xiàn)跳轉(zhuǎn),具體思路如下:
點擊上邊的五個div的時候,取到所屬的index,然后根據(jù)index來跳轉(zhuǎn)所對應的siwper的第幾個,跳轉(zhuǎn)很成功,但是發(fā)現(xiàn)了以一個小問題,當使用如上跳轉(zhuǎn)方法時會導致tool循環(huán)失效如下圖所示。這個問題沒有解決陷入了困難。
這邊猜測可能是因為自己寫的跳轉(zhuǎn)沒有走swiper的js,所以去翻了一下swiper的官網(wǎng),發(fā)現(xiàn)了另一個東西。
其實swiper點擊指示點也可以跳轉(zhuǎn),我們可以直接修改swiper指示點的樣式,達到切換的效果,此次切換正常。
上一篇: Swiper左右切換箭頭如何于外部顯示