html部分
<div id="container" class="swiper-container">
<div class="swiper-wrapper">
<section class="swiper-slide">内容页1</section>
<section class="swiper-slide">内容页2</section>
<section class="swiper-slide">内容页3</section>
<section class="swiper-slide">内容页4</section>
</div>
<!--分页器-->
<div class="swiper-pagination"></div>
</div>
JS部分
//配置swiper
var mySwiper = new Swiper('.swiper-container', {
speed: 500, //滚动速度
pagination : '.swiper-pagination', //分页器启动
direction: 'vertical', //垂直方向(默认是水平)
mousewheelControl : true, //鼠标滚轮控制(默认false)
keyboardControl : true, //键盘方向盘控制(默认false,如果水平方向,方向键左右起作用,如果是垂直,则是方向键上下起作用)
//回调函数:当画面滑动开始的时候执行...
onSlideChangeStart: function(swiper){
//当前页面的下标
var n = swiper.activeIndex;
}
})
//当xxx被点击的时候将页面滑动至第"m"页
xxx.click(function(){
mySwiper.slideTo(m) //m为下标
})