js 移动端 判断上滑还是下滑

// 滑动滚动条  开始
$('.index-scroll').on('touchstart', function(e) {
    var touch = e.originalEvent,
        startX = event.touches[0].pageX;
        startY = event.touches[0].pageY;
  $('.index-scroll').on('touchend', function(e) {
      var spanX = event.changedTouches[0].pageX - startX;
      var spanY = event.changedTouches[0].pageY - startY;
      if(Math.abs(spanX) < Math.abs(spanY)) { //认定为水平方向滑动
          //认定为垂直方向滑动
          console.log(spanY)
          if(spanY > 20) { //向下
            console.log("向下")
            $(".index-top-img3").hide();
          } else if(spanY < -30) { //向上
              console.log("向上")
              $(".index-top-img3").show();
        }
      }
   });
});

// 滑动滚动条 结束