微信小程序|上下滚动页面实现

<view id='hook1' class="section  section01 {{scrollindex==0?'active':''}}" style='background:lightyellow'  bindtouchstart="scrollTouchStart" bindtouchmove='scrollTouchMove'  bindtouchend="scrollTouchEnd">
  <view>
    <view>
       <view>
       <image  src="/images/img1.jpg"></image>
       </view>
       <view>“愿生活里有热汤和甜食，背包里有书籍和纸笔。书里故事如迷宫，迷宫通向海。沟通使误解消除，人自充满善意。走很远的路回家，混沌中生活出新的自己。💪”
       </view>
     </view>
   </view>
</view>

.scroll-fullpage  {
  height:  100%;
}
.section {
  height:  100%;
}
.cont {
  width: 100%;
  height:  100%;
  margin: 0  auto;
  position:  relative;
}
.cont-body {
  width: 75%;
  position:  absolute;
  left: 50%;
  top: 50%;
  transform:  translate(-50%, -50%);
}

.pic{
   height:  130rpx;
   width:  130rpx;
    border-radius: 50%
}

   data: {
     scrollindex: 0,
    totalnum:  4,
    starty: 0,  
    startTime:  0,
    endy: 0,
    endTime:  0,
    critical:  80,
     maxTimeCritical: 300,
     minTimeCritical: 100,
    margintop:  0,
     currentTarget: null,
  },

 scrollTouchStart: function (e) {
    let py =  e.touches[0].pageY,
      stamp =  e.timeStamp,
       currentTarget = e.currentTarget.id;
     console.log(py);
     this.setData({
      starty:  py,
       startTime: stamp,
       currentTarget: currentTarget
    })
  },
   scrollTouchMove(e) {
    //  console.log(e);
  },
   scrollTouchEnd: function (e) {
    let py =  e.changedTouches[0].pageY,
      stamp =  e.timeStamp,
      d =  this.data,
       timeStampdiffer = stamp - d.startTime;
     this.setData({
      endy:  py,
      endTime:  stamp
    })