好房网

网站首页 百姓心声 > 正文

swiper左右滑动(移动端swiper做页面切换如何让做最后一页滑动时回到第一页)

2022-07-26 22:46:35 百姓心声 来源:
导读 想必现在有很多小伙伴对于移动端swiper做页面切换,如何让做最后一页滑动时回到第一页方面的知识都比较想要了解,那么今天小好小编就为大

想必现在有很多小伙伴对于移动端swiper做页面切换,如何让做最后一页滑动时回到第一页方面的知识都比较想要了解,那么今天小好小编就为大家收集了一些关于移动端swiper做页面切换,如何让做最后一页滑动时回到第一页方面的知识分享给大家,希望大家会喜欢哦。

1、1、首先把Swiper的开发包下载下来。然后查看下demo的格式,发现是一个三层结构,加一个分页swiper-pagination(这个可有可无),然后通过 new Swiper初始化。

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

3、3、然后通过代码循环加载swiper-slide结构的,因为目前程序中只有4张图片,所以下面单独加了两张。

4、未你经芝士回答允许不得转载本文内容,现否则地将去视社为侵权

5、4、设置4.5视图模式,JS直接给赋值成4.5即可,new Swiper('#home2',{slidesPerView: 4.5})。

6、5、最后实现效果图,就完成了。

本文到此结束,希望对大家有所帮助。


版权说明: 本文由用户上传,如有侵权请联系删除!


标签: