swiper网格左右滑动

html

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">slider1</div>
    <div class="swiper-slide">slider2</div>
    <div class="swiper-slide">slider3</div>
  </div>
</div>

js初始化

<script language="javascript"> 
var mySwiper = new Swiper('.swiper-container',{
	slidesPerView : 3,    // 页面显示的个数
	spaceBetween : 20,    //间距
	//spaceBetween : '10%',按container的百分比
	// 	遇到ajax动态渲染的数据，解决滑动失效问题
	observer:true,
	grabCursor: true,
})
</script>