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

  • 投稿 : 2018-09-15
<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変数を実現しているつもり。動作見る限りは、そのような動作をしてると思う。

スポンサーリンク