【Javascript】スクロールイベントで、上下方向の判定の仕方

<script>
document.addEventListener('DOMContentLoaded', function(){
 var start_pos = 0;

 window.addEventListener('scroll', function(e){
      var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
      var current_pos =scrollTop;

      if (current_pos > start_pos) {
        //down

      }else{
        //up

      }
      start_pos = current_pos;
  });
});
</script>

「scrollTop」の取得の仕方が少し自信がないですが、こんな感じになります。

参考

・スクロールイベント　上下方向の判定 · GitHub

上記を参考にしました。jQueryが使われているのでその部分を書き直しました。

・JavaScriptでPHPの静的変数（static変数）みたいな事をやる方法

（私の理解が間違ってなければ）今回は、「クロージャを駆使したやり方」で、static変数を実現しているつもり。動作見る限りは、そのような動作をしてると思う。