document.body.clientHeight;
var startY,
moveY;
oContent.addEventListener('touchstart', (e) => {
startY = e.touches[0].pageY;
})
oContent.addEventListener('touchmove', (e) => {
moveY = e.touches[0].pageY - startY;
});
oContent.addEventListener('touchend', () => {
if (moveY > 0) {//下拉
oImg.style.display = 'block';
if (moveY > 180) moveY = 180;
oContent.style.marginTop = moveY + oHeader.clientHeight + 'px';
//刷新数据后再走下面的
var timer = setInterval(() => {
moveY -= 1;
if (moveY <= 0) {
oImg.style.display = 'none';
clearInterval(timer);
moveY = 0
}
oContent.style.marginTop = moveY + oHeader.clientHeight + 'px';
}, 4)
} else {//上拉
var scrollTop = document.documentElement.scrollTop
关键词:原生js下拉刷新、上拉加载效果完成(附代码)