javascript 前端 css3 swiper中swiper-pagination中的位置怎么设置

需求：

期望swiper-pagination 导航靠右下角 

解决：

可以配置clickableClass这个属性，属性值指定的是你自定义的class类名。 swiper实例，导航paination，添加clickableCalss属性：

var mySwiper = new Swiper('.swiper-container',{

pagination:{

el: '.swiper-pagination',

clickable: true,

clickableClass : 'my-pagination-clickable',

},

})

然后在css中定义.my-pagination-clickable。

/*增加自定义css class*/         .swiper .my-pagination-clickable {             width: 1200px;             text-align: right;         }

     根据我的期望效果是让导航靠右下角。原css配置样式写死了left:0,所有只要把left：0冲掉，然后让导航在右边就可。

最终实现的效果:

 html完整源码：

name="viewport"

content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"

/>

页面刷新导航栏漂移问题

可以参考以下配置试试

/*增加自定义css class*/

.swiper .my-pagination-clickable {

width: auto;

bottom: 26px;

right: 30px;

text-align: right;

}

精彩链接