Scroll up and scroll down detection + animation

newbs.js

var lastScrollTop = $(window).scrollTop();

$(window).scroll(function(event){
  var currentScrollTop = $(window).scrollTop();
  var scrollingUp = currentScrollTop > lastScrollTop;
  var $filter = $('.top-filter');

  if (scrollingUp) {
    animating = true;
    
    if ($filter.css('top') !== "-20px") {
      $filter.filter(':not(:animated)').animate({
        top: "-20px",
      }, 1000);
    }

    console.log("Scroll down!");
  } else {
    
    if ($filter.css('top') !== "147px") {
      $filter.filter(':not(:animated)').animate({
        top: "147px",
      }, 1000);
    }

    console.log("Scroll up!");
  }

  console.log(lastScrollTop);
  console.log(currentScrollTop);
  lastScrollTop = currentScrollTop;
});