Scroll up and scroll down detection + animation

newbs.js

var lastScrollTop;
    //console.log(lastScrollTop);

    $(window).scroll(function(event){
      $('.top-filter').stop();
      var currentScrollTop = $(window).scrollTop();
      if (currentScrollTop > lastScrollTop){
        $('.top-filter').animate({
          top: "-20px",
        }, 1000);
        console.log("Scroll down!");
        //$('body').addClass('has-scrolled')
      } else {
        $('.top-filter').animate({
          top: "147px",
        }, 1000);
        console.log("Scroll up!");
        //$('body').removeClass('has-scrolled')
      }
      console.log(lastScrollTop);
      console.log(currentScrollTop);
      lastScrollTop = currentScrollTop;
    });