jQueryがモバイルで動作しません。

Question

jQueryを使用して、マウスホイールを下または上にスクロールしたときを検出しています。ここに私のコードは次のとおりです。

$(window).bind('mousewheel DOMMouseScroll', function(event){ 
    if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) { 
     // scroll up 
    } 
    else { 
     // scroll down 
    } 
}); 

私はちょうどこれがモバイルスワイプ上または下では動作しません実現します。モバイルでも動作するようにコードを変更する方法はありますか？

Answer 1

それは、ユーザがそれ以外の場合は、最大

var last_pos= 0; 
 

 
$(window).scroll(function() { 
 
    var current_pos= $(this).scrollTop(); 
 
    if (current_pos > last_pos) { 
 
     alert('down'); 
 
    } else { 
 
     alert('up'); 
 
    } 
 
    last_pos = current_pos; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>test</h1><h1>test</h1><h1>test</h1><h1>test</h1><h1>test</h1><h1>test</h1><h1>test</h1><h1>test</h1><h1>test</h1>

Answer 2

あなたが持っている携帯電話のためにスクロールダウンされ、より少ないだ場合は、実際にこの使用してjQueryのスクロール機能とは、現在のスクロール位置に対する最後のスクロール位置を比較することができますスクロールスタートとスクロール停止の場合は、上下に移動しないので、自分で行う必要があります。P

jQuery Mobile: Make the header hide on scroll down and show on scroll up

必要なものを簡単に編集できるスニペットがあります。