js手机端 下拉刷新

var startY = 0; //手指起始坐标
var moveY = 0;  //手指移动的坐标
var moveDistance = 0;//手指移动的距离
document.addEventListener('touchstart', function (event) {
    startY = event.touches[0].clientY;
}, false);
document.addEventListener('touchmove', function (event) {
    moveY = event.touches[0].pageY;
    moveDistance = moveY - startY;
    if (moveDistance <= 0) {
        return;
    }
    if (moveDistance >= 6) {
        moveDistance = 6;
    }
    //动态更新transform的状态
    $('#main').css('transform', `translateY(${moveDistance}rem)`)
}, false);

document.addEventListener('touchend', function (event) {
    $.ajax({
        url: '/kg_fksc/wxevent/getAllByRoadManage?deptId=' + $('#deptId').val() + "&userId=" + $("#userId").val(),
        type: 'get',
        cache: false,
        success: function (data) {
            //console.log(data)
            eventList(data)

        }
    })
    //动态更新transform的状态
    $('#main').css({'transform': 'translateY(0rem)', 'transition': 'transition 1s linear'})
}, false);