老师我想写一个下来显示全部卡片内容，松手弹回一半卡片内容，应该怎么做？我用了moveable-area 但是有bug，每次下拉后，就不能滚动页面了。

//js部分
 handleTouchStart: function(e){
    console.log("开始：" + e.touches[0].pageY)
    let touchStart = e.touches[0].pageY
    this.setData({
      touchStart : touchStart
    })
  },
  
  handleTouchEnd: function(e){
    console.log("结束：" + e.changedTouches[0].pageY)
    let touchEnd = e.changedTouches[0].pageY
    let touchStart = this.data.touchStart
    this.setData({
      moveY: 0
    })

    let scrollTop = this.data.scrollTop
    if(scrollTop == 0){
      this.setData({
        disabledMove: false
      })
    }else if(scrollTop > 0 || (touchStart > touchEnd)){
      this.setData({
        disabledMove: true
      })
    }
  },

  //监听滚动条位置
  onPageScroll: function(e){
    // console.log(e.scrollTop)
    this.setData({
      scrollTop: e.scrollTop
    })
  },

<!--wxml 部分-->
 <movable-area style="width: 100%; height: 250rpx;">
      <movable-view style="width: 100%;" direction="vertical" inertia="{{true}}" y="{{moveY}}" bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" disabled="{{disabledMove}}">
        <view class="bottom-container">
        可以下拉的部分（黄色框部分）
        </view>
   </movable-view>
    </movable-area>