애플릿 Scroll-view의 페이지별 점프를 어떻게 실현합니까

1 . 우선 scroll-view의 속성을 알아보겠습니다.

 
  horizontal scroll
  
    
    
    
    
  

     
    click me to scroll into view 
    click me to scroll
     

.scroll-view-item{
  height: 80px;
  width: 100px;
  display: inline-block;
}
.section{
width: 100%;
height: 800rpx;
overflow: hidden;
padding: 20rpx;
background: #fff;
white-space: nowrap;
}


.bc_green{
  background-color: green ;
}
.bc_red{
    background-color: red ;

}
.bc_yellow{
  background-color: yellow ;
}
.bc_blue{
  background-color: blue ;
}
.bc_orange{
  background-color: orange ;
}

.page-section-center{
  display: flex;
  justify-content: center;
}
.scroll-view_H{
  white-space: nowrap;
}
.scroll-view-item{
  height: 200px;
}
.scroll-view-item_H{
  display: inline-block;
  width: 100%;
  height: 200px;
}
.flex-wrp{
    height: 200px;
    display: flex;
    background-color: #ffffff;
}
.btn-area{
  height: 100rpx;
  width: 100%;
  display: flex;
  flex-direction: column;

}

  
var order = ['green', 'red', 'yellow', 'blue']

Page({

  /**
   *        
   */
  data: {
     toView:"green",
     scrollTop:0,
     startTouchs: {
       x: 0,
       y: 0
     }
  },

upper:function(e){
  console.log(e),
  console.log("                    ")
},

lower:function(e){
  console.log(e),
    console.log("         ")

  
},

scroll:function(e){
  console.log(e),
  console.log("           ")
},

tap:function(e) {
  for(var i = 0 ; i < order.length; i++){
    if(order[i] === this.data.toView){
      this.setData({
        toView:order[i + 1]
      })
      break
    }
  }
},
tapMove: function (e) {
  this.setData({
    scrollTop: this.data.scrollTop + 10
  })
},