1. 程式人生 > >移動web前端下拉重新整理效果

移動web前端下拉重新整理效果

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();
				}
			}
		}