不完善的h5下拉刷新

  refresh(window) {
    let fresh = false
    var _element = document.getElementById('refreshContainer'),
      // _refreshText = document.querySelector('.refreshText'),
      _startPos = 0,
      _transitionHeight = 0;

    _element.addEventListener('touchstart', function (e) {
      // console.log('初始位置:', e.touches[0].pageY);
      _startPos = e.touches[0].pageY;
    }, false);

    _element.addEventListener('touchmove', function (e) {
      // console.log('当前位置:', e.touches[0].pageY);
      _transitionHeight = e.touches[0].pageY - _startPos;
      let scrollOff = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
      console.log('scrollHeight', scrollOff)
      if (_transitionHeight > 0 && scrollOff == 0) {
        e.preventDefault()
      }
      // console.log('_transitionHeight,', _transitionHeight)
      if (_transitionHeight > 50) {
        fresh = true
      } else {
        fresh = false
      }
    }, false);

    _element.addEventListener('touchend', function (e) {
      if (fresh) {
        MemberService.GetMemberInfo().then(res => {
          if (res.code == 200) {
            CommonTool.showToast("刷新用户信息成功")
          }
        })
      }
    }, false);
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值