タッチのスクロールを上下に検出

Question

タッチデバイスには同じコードが必要です。

$(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; 
}); 

、ここでは私のタッチコードで私を助けてください、しかし、領事はちょうど私が私のウェブサイトのためのダウンを見つける必要がある取ります！私は何ができますか：|

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

Answer 1

あなたは

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

Answer 2

スクロールイベントを使用することができます。このw3schools.comのドキュメントはあなたを助けるでしょうhttp://www.w3schools.com/jquerymobile/jquerymobile_events_scroll.asp

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

Answer 3

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