大香蕉综合在线观看视频-日本在线观看免费福利-欧美激情一级欧美精品性-综合激情丁香久久狠狠

好房網(wǎng)

網(wǎng)站首頁 百姓心聲 > 正文

swiper左右滑動(移動端swiper做頁面切換如何讓做最后一頁滑動時回到第一頁)

2022-07-26 22:46:35 百姓心聲 來源:
導(dǎo)讀 想必現(xiàn)在有很多小伙伴對于移動端swiper做頁面切換,如何讓做最后一頁滑動時回到第一頁方面的知識都比較想要了解,那么今天小好小編就為大

想必現(xiàn)在有很多小伙伴對于移動端swiper做頁面切換,如何讓做最后一頁滑動時回到第一頁方面的知識都比較想要了解,那么今天小好小編就為大家收集了一些關(guān)于移動端swiper做頁面切換,如何讓做最后一頁滑動時回到第一頁方面的知識分享給大家,希望大家會喜歡哦。

1、1、首先把Swiper的開發(fā)包下載下來。然后查看下demo的格式,發(fā)現(xiàn)是一個三層結(jié)構(gòu),加一個分頁swiper-pagination(這個可有可無),然后通過 new Swiper初始化。

2、2、項目中只需要把css和js引入即可。

3、3、然后通過代碼循環(huán)加載swiper-slide結(jié)構(gòu)的,因為目前程序中只有4張圖片,所以下面單獨加了兩張。

4、未你經(jīng)芝士回答允許不得轉(zhuǎn)載本文內(nèi)容,現(xiàn)否則地將去視社為侵權(quán)

5、4、設(shè)置4.5視圖模式,JS直接給賦值成4.5即可,new Swiper('#home2',{slidesPerView: 4.5})。

6、5、最后實現(xiàn)效果圖,就完成了。

本文到此結(jié)束,希望對大家有所幫助。


版權(quán)說明: 本文由用戶上傳,如有侵權(quán)請聯(lián)系刪除!


標(biāo)簽: