上拉刷新函数

var refresh = function ( _sroll, outscroll) {

var _star = 0;

//获取手指最初的位置,添加一个触摸开始的监听事件

_sroll. addEventListener( 'touchstart', function ( event) {

//获取手指数组中的第一个（可以用targetTouches）

// console.log(event.touches[0].pageY,'sb')

var _touch = event. touches[ 0];

//获取滑动时手指的y坐标+

_star = _touch. pageY;

}, false);

//获取滑动的距离，添加一个触摸滑动的监听事件

_sroll. addEventListener( 'touchmove', function ( event) {

//获取手指数组中的第一个（可以用targetTouches）

var _touch = event. touches[ 0];

console. log( outscroll. offsetTop, '原始的top')

console. log( event. touches[ 0]. pageY, '下拉增加的top值')

outscroll. style. top = outscroll. offsetTop + _touch. pageY - _star + 'px';

// console.log(outscroll, '-40px')

//获取滑动后手指的y坐标

_star = _touch. pageY;

// console.log(_star,'star = =')

// _test.innerHTML = '放开刷新';

}, false);

//添加屏幕触摸接触结束的事件

_sroll. addEventListener( 'touchend', function ( event) {

//初始化手指触摸的y坐标

_star = 0;

//获取下拉元素的top值

var top = outscroll. offsetTop;

console. log( _star, top, 'touchendendend')

//如果大于40就刷新

if ( top > 0) {

//循环慢慢的收缩

var time = setInterval( function () {

outscroll. style. top = outscroll. offsetTop - 2 + 'px';

console. log( outscroll. style. top, '111')

//如果top等于原始值，停止收缩

if ( outscroll. offsetTop <= - 40) {

clearInterval( time);

//刷新页面

location. reload();

}

}, 1);

}

}, false);

}

refresh( 父元素,子元素）