'Detect touch scroll up or down

I need code same this for touch devices . help me please

$(window).on('DOMMouseScroll mousewheel', function (e) {
    if (ScrollEnable) {
        if (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) {
            console.log('Down');
        } else {
            console.log('Up');
        }
    }
    return false;
});

and here is my touch code, But consul just take up i need find down for my website ! what can i do :|

$('body').on({
    'touchmove': function(e) {
        if (e.originalEvent.touches > 0 || e.originalEvent.touches > 0) {
            console.log('Down');
        } else {
            console.log('Up');
        }
    }
});

Solution 1:^[1]

You can use scroll event

var lastScrollTop = 0;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
   // downscroll code
} else {
  // upscroll code
}
lastScrollTop = st;
});

Solution 2:^[2]

var updated=0,st;
$('body').on({
    'touchmove': function(e) { 
    st = $(this).scrollTop();
    if(st > updated) {
        console.log('down');
    }
    else {
        console.log('up');
    }
    updated = st;
    }
});

Solution 3:^[3]

I know my solution is a bit more generic - it is not dependend on any element, but it might help someone that has encountered the same problem as me.

var touchPos;

// store the touching position at the start of each touch
document.body.ontouchstart = function(e){
    touchPos = e.changedTouches[0].clientY;
}

// detect wether the "old" touchPos is 
// greater or smaller than the newTouchPos
document.body.ontouchmove = function(e){
    let newTouchPos = e.changedTouches[0].clientY;
    if(newTouchPos > touchPos) {
        console.log("finger moving down");
    }
    if(newTouchPos < touchPos) {
        console.log("finger moving up");
    }
}

Solution 4:^[4]

The only way that I could (and tested) detect scroll down/up on mobile devices (android & ios, touch devices):

(other events such as scroll, mousewheel, DOMMouseScroll, nmousewheel and wheel do not work on mobile devices)

jQuery:

let touchStartPosX = 0;
  // Detect Scroll Down and Up in mobile(android|ios)
  $(window).on('touchmove', (e) => {
    // Different devices give different values with different decimal percentages.
    const currentPageX = Math.round(e.originalEvent.touches[0].screenY);
    if (touchStartPosX === currentPageX) return;

    if (touchStartPosX - currentPageX > 0) {
      console.log("down");
    } else {
      console.log("up");
    }
    touchStartPosX = currentPageX;
  });

Vanilla:

  let touchStartPosX = 0;
  window.addEventListener('touchmove', (e) => {
    // Different devices give different values with different decimal percentages.
    const currentPageX = Math.round(e.changedTouches[0].screenY);
    if (touchStartPosX === currentPageX) return;

    if (touchStartPosX - currentPageX > 0) {
      console.log("down");
    } else {
      console.log("up");
    }
    touchStartPosX = currentPageX;
  });

Solution 5:^[5]

This w3schools.com documentation would help you out http://www.w3schools.com/jquerymobile/jquerymobile_events_scroll.asp

$(document).on("scrollstop",function(){
  alert("Stopped scrolling!");
});

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Owais Aslam
Solution 2	Salka Moses Debbarma
Solution 3	junho
Solution 4
Solution 5	Mani

'Detect touch scroll up or down

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]