咨询电话:
15628812133
20
2018/11

swiper分页器问题

发布时间:2018-11-20 13:09:20
发布者:jintianlong
浏览量:
0

在前端设计中,经常会有不少的小伙伴们遇到轮播问题,这里小编推荐使用swiper,移动端PC端都能使用,但是遇到一个页面中有多个swiper时会出现问题,今天文汇软件小编就来和大家分享一下这方面的问题。

小编之前碰到了这样的一个案例一个页面中有好几个swiper,但是一个是有四个按钮一个是有两个,小编按照正常的方法套用swiper结果发现两个swiper不但顺拐了,而且个数也都变得一样了。

image.png

image.png

下图是对应的代码,这里的最外层小编都起了不同的类名,按照正常说应该是可以的啊。

image.png

image.png

而且只要是删掉下方就可以恢复正常

image.png

之后小编才了解到这的问题出在按钮的类名称上,这里不知要改最大的盒子的名称,同时也要修改对应的按钮的类名

image.png

image.png

这样就能像下图那样正常轮播了

image.png

image.png

想要了解更多前端知识,请关注文汇软件

关键词:
返回列表