本文为机构官方的教程 。

    
            
     
                
      
       H5EDU 1
       
      
                
      
       H5EDU 2
       
      
                
      
       H5EDU 3
       
      
                
      
       H5EDU 4
       
      
                
      
       H5EDU 5
       
      
            
     
            
     
        
    

然后在js当中进行初始化并且添加鼠标滑轮控制翻页的属性。

var swiper = new Swiper('.swiper-container',{               pagination:'.swiper-pagination',               paginationClickable:true,               spaceBetween:30,               slidesPerView:1,               direction:'vertical',               mousewheelControl:true  //开启鼠标控制翻页的属性            });

这样当我们在页面当中滑动鼠标滑轮的时候就可以进行上下的翻页了

点击进入JS强化教程：