
大家看如上圖片是設計稿的需求,乍一看是沒毛病的,但是,你仔細看

是的,切換按鈕是游離在整體寬度之外的,由于我懶,所以這里使用了一個layBody來框柱內容的寬度,然后大家看一下swiper的切換。

是的,swiper的切換按鈕是在swiper內部的,這里swiper使用了絕對定位來使切換按鈕位于兩側,于是我們可以修改一下left和right。

結果發生了這樣的事,因為兩側的切換是與整個swiper定位的,swiper設置了超出隱藏,所以超出的部分是看不見的,那么就不能用定位了嗎。其實不然,我陷入了一個誤區,導致我認為只有js綁定的class類內部才能正常執行切換。我們完全可以把切換按鈕放在所綁定的區域外,然后與綁定的class類同級,再在外邊加一個相對定位就可以了。



在body中我們使用定位就不會被隱藏了,這樣我們就實現了在限制寬度的條件下使用定位來設置swiper切換按鈕。
下一篇: swiper點擊標題切換
