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);
}
不完善的h5下拉刷新
最新推荐文章于 2024-07-12 08:49:54 发布