在前端设计中,经常会有不少的小伙伴们遇到轮播问题,这里小编推荐使用swiper,移动端PC端都能使用,但是遇到一个页面中有多个swiper时会出现问题,今天文汇软件小编就来和大家分享一下这方面的问题。
小编之前碰到了这样的一个案例一个页面中有好几个swiper,但是一个是有四个按钮一个是有两个,小编按照正常的方法套用swiper结果发现两个swiper不但顺拐了,而且个数也都变得一样了。
下图是对应的代码,这里的最外层小编都起了不同的类名,按照正常说应该是可以的啊。
而且只要是删掉下方就可以恢复正常
之后小编才了解到这的问题出在按钮的类名称上,这里不知要改最大的盒子的名称,同时也要修改对应的按钮的类名
这样就能像下图那样正常轮播了
想要了解更多前端知识,请关注文汇软件。
上一篇: swiper的网格布局