direction scroll test

by lovromar

HTML

<p class="status"></p>

CSS

body {
    height:1000px;
}

.status {
    position:fixed;
    top:10px;
    left:10px;
}

JavaScript

$(function(){
                var lastScrollTop = 0, delta = 5;
                $(window).scroll(function(){
                   var nowScrollTop = $(this).scrollTop();
                   $('.status1').html(nowScrollTop+" "+lastScrollTop);
                   if(Math.abs(lastScrollTop - nowScrollTop) >= delta){
                   if (nowScrollTop > lastScrollTop){
                        // CODE FOR
                        // SCROLLING DOWN 
                        $('.status').html('Scrolling DOWN'+"<br> Position Now: "+nowScrollTop+"<br> Last Position: "+lastScrollTop);
                        $('p').css('color','#459a45');
                       console.log("IDEMO DOLE");
                   } else {
                        // CODE FOR
                        // SCROLLING UP 
                         $('.status').html('Scrolling UP'+"<br> Position Now: "+nowScrollTop+"<br> Last Position: "+lastScrollTop);
                         $('p').css('color','#f56767');
                         console.log("IDEMO GORE");
                   }
                   lastScrollTop = nowScrollTop;
                   }
                });
            });