移动web前端下拉刷新效果

2019独角兽企业重金招聘Python工程师标准>>>

endFn 为下拉完成后执行的函数。

function lzyxiala(endFn) {
			window.onload = function() {
				window.addEventListener('touchstart', touchstart, false);
				window.addEventListener('touchmove', touchMove, false);
			}

			var _start = 0;
			var _end = 0;

			function touchstart(event) {
				var touch = event.targetTouches[0];
				_start = touch.pageY;
			}

			function touchMove(event) {
				var touch = event.targetTouches[0];
				_end = (touch.pageY - _start);
				//下滑才执行操作
				if(_end > 200) { //200即手机下滑屏幕的距离，超过200则执行刷新动作
					endFn();
				}
			}
		}

 

转载于:https://my.oschina.net/u/3460260/blog/1935453