移動web前端下拉重新整理效果
阿新 • • 發佈:2018-12-03
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(); } } }