jQuery：スクロール上下の判定 IE11での崩れについて

Question

前提・実現したいこと

jQueryを使用して、画面でスクロールした方向が上下どちらか判定したいと思い、下記のコードを挿入しました。

下にスクロールしたときにコンソールに「down」を表示、
上にスクロールしたときにコンソールに「up」を表示の想定です。

var start_pos = 0;
$(window).scroll(function(e){
  var current_pos = $(this).scrollTop();
  if (current_pos > start_pos) {
    console.log('down');
  } else {
    console.log('up');
  }
  start_pos = current_pos;
});

発生している問題・エラーメッセージ

chrome、firefox、edgeでは思ったとおりの表示になるのですが、
IE11で下にスクロールした際「up」と表示されてしまいます。

原因

検証したところ、スクロールを止めた時点で current_pos と start_pos が同じ値になってしまうのが原因のようでした。
scrollTop() で2～3回同じ値が取れているようです。

どのように調整するのが良いか、ご教授いただけないでしょうか。

Comments

[Jon_do]

恐らく、下記の方法で解決するとは思いますがjqueryに関する質問をする場合は使用しているjqueryのバージョンが必要です。

Answer 1

実験しました
scrolldownやscrollupの再、最少最大を超えたスクロールの場合でもスクロールイベントが発生していました。
よって以下の条件だけ入れて確認単純な意味での'up''down'は正常検知されるようになりました。

var start_pos = 0;
$(window).scroll(function(e){
  var current_pos = $(this).scrollTop();
  if (current_pos > start_pos) {
    console.log('down');
  } else if (current_pos < start_pos) { //条件追加
    console.log('up');
  }
  start_pos = current_pos;
});

Answer 2

  var start_pos = 0;

  $(window).scroll(function(e){
    current_pos=window.pageYOffset ||document.documentElement.scrollTop;
    var diff=current_pos -start_pos;
    if(diff!==0) console.log(diff>0?'down':'up');
    start_pos = current_pos;
  });